✊不积跬步，无以至千里；不积小流，无以成江海。
2021年07月07日
学习重点
| 1 | 工作重点事项 | 进度 | 已完成 |
|---|---|---|---|
| 2 | 早上8:00-11:00(讲html基础) 11:00-11-30(做练习) |
已完成 | - [x] |
|
| 3 | 下午13:30-2:30(完成练习)
目前(2.30)写博客
听老师讲课，细心是最重要的 | 已完成 |
- [x]
|
| 4 | 晚上做练习 | 已完成 |
- [x]
|
遇到的问题和解决思路
- 今天遇到一个图片环绕文字的问题
（1）在行内用了align，但是在vscode中是红色的，在HBuilder中无恙
（2）用css的浮动也可以解决
今日总结
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE | Trident | IE、猎豹安全、360极速浏览器、百度浏览器 |
| firefox | Gecko | 可惜这几年已经没落了，打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。 |
| Safari | webkit | 现在很多人错误地把 webkit 叫做 chrome内核（即使 chrome内核已经是 blink 了）。苹果感觉像被别人抢了媳妇，都哭晕再厕所里面了。 |
| chrome | Chromium/Blink | 在 Chromium 项目中研发 Blink 渲染引擎（即浏览器核心），内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。大部分国产浏览器最新版都采用Blink内核。二次开发 |
| Opera | blink | Presto（已经废弃） 是挪威产浏览器 opera 的 “前任” 内核,现在跟随chrome用blink内核。 |
移动端的浏览器内核主要说的是系统内置浏览器的内核。
介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？
浏览器内核包括两部分，渲染引擎和js引擎。渲染引擎负责读取网页内容，整理讯息，计算网页的显示方式并显示页面，js引擎是解析执行js获取网页的动态效果。 后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。IE：Trident
firefox：Gecko 、Quantum
chrome、safari：webkit
chrome：blink （v8 来解析js）
Opera：Presto、blink
Microsoft Edge：(老版)EdgeHTML (新版)blink
Web标准不是某一个标准，而是由W3C万维网联盟制定的一系列标准的集合。
Web 标准的好处
1、让Web的发展前景更广阔
2、内容能被更广泛的设备访问
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度
Web 标准构成
结构标准：结构用于对网页元素进行整理和分类，咱们主要学的是HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
行为标准：行为是指网页模型的定义及交互的编写，主要包括对象模型（如W3C DOM）、ECMAScript等，让网页富有生命力，动态。
| 标签名 | 定义 | 说明 |
|---|---|---|
| 标题标签 | 作为标题使用，并且依据重要性递减 | |
| 段落标签 | 可以把 HTML 文档分割为若干段落 | |
| 水平线标签 | 没啥可说的，就是一条线 | |
| 换行标签 | ||
| div标签 | 用来布局的，但是现在一行只能放一个div | |
| span标签 | 用来布局的，一行上可以放好多个span |
链接标签(重点)
单词缩写： anchor 的缩写 [ˈæŋkə(r)] 。基本解释 锚, 铁锚 的
在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可，其基本语法格式如下：
文本或图像
href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用
target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。
注意：
1.外部链接 需要添加 http:// www.baidu.com
2.内部链接 直接链接内部页面名称即可 比如 < a href=”index.html”> 首页
3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href=”#”)，表示该链接暂时为一个空链接。
4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
Favicon
过去，为保证favicon出现，网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示，即使是用同一版本的一种浏览器。
下列代码另一个局限就是它把favicon关联到了某个特定的HTML或XHTML文档上。为避免这一点，favicon.ico文件应置于根目录下。多数浏览器将自动检测并使用它。
建议包含以下两行HTML代码:
然而，只有第一行是必须的，因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词（“shortcut”将被忽略，而仅适用“icon”）；而Internet Explorer将会把它作为一个单独的名称（“shortcut icon”）。这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像（例如动画GIF）时，才有必要添加第二行。
图像通常可以使用任何被浏览器支持的图像格式。
.ico文件格式通常可以被所有可以显示favicon的浏览器读取。
设置服务器，以发送正确的MIME标识：
1，ICO 文件 image/vnd.microsoft.icon（或者亦可出于兼容性原因使用image/x-icon。然而最好使用IANA注册的MIME类型，因为多数主流浏览器现在支持它）
2，GIF 文件 image/gif
3，PNG 文件 image/png
4，ICO：包括多种分辨率（最常使用的是16×16和32×32，Mac OS X有时使用64×64和128×128）以及位深（比特每像素）（多数使用4、8、24 bpp，即16、256和1600万色）。
5，GIF: 使用16×16，256色。
6，PNG: 使用16×16，256色或24位。
相对路径
以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。
- 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如。
- 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如。
- 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推。
自己知识
起类名或id名要见名知意
html中写结构元素 css写样式和排版
让超链接点击不反应 href=”javascript:;” 或 href=”javascript:void(0);”,javascript:;好些，javascript:void(0);据说某些情况下有浏览器兼容bug。
按alt 用鼠标点击要加到哪里 然后cv
若有收获，就点个赞吧
0 人点赞
