字符实体

  • （<）符号是会被解析为一个tag，某些情况需要这个小于号，这个时候可以使用字符实体
  • 字符实体是以（&）开头、以（;）分号结尾的文本
  • 也可以用实体来代替其他难以用标准键盘键入的字符

常见的：

  • $nbsp; 空格 $#160;
  • $lt; 小于号 $#60;
  • $gt; 大于号 $#62;

认识URL

  • URL 代表着是统一资源定位符
  • URL 就是一个独特的资源在Web上的地址 可以是（HTML、CSS、一幅图像）等等

URL格式：

  • [协议类型]: //服务器地址:端口号/文件路径文件名?查询#片段ID

和URI的区别：

  • URI = Uniform Resource Identifier 统一资源标志符，用于标识 Web 技术使用的逻辑或物理资源
  • URL = Uniform Resource Locator 统一资源定位符，俗称网络地址，相当于网络中的门牌号

URI在某一个规则下能把一个资源独一无二的识别出来。

  • URL作为一个网络Web资源的地址，可以唯一将一个资源识别出来，所以URL是一个URI
  • 所以URL是URI的一个子集
  • 但是URI并不一定是URL

元素的语义化

元素的语义化：用正确的元素做正确的事情。

理论上来说，所有的HTML元素，都能实现相同的事情：

  • 标签语义化的好处
    • 方便代码维护；
    • 减少让开发者之间的沟通成本；.
    • 能让语音合成工具正确识别网页元素的用途，以便作出正确的反应；
    • 有利于SEO；
    • ……

认识SEO

搜索引擎优化（英语：search engine optimization，缩写为SEO）是通过了解搜索引擎的运作规则来调整网站，以及提高网站 在有关搜索引擎内排名的方式。

  • 索引区抓取的网页
  • 将网页存放到临时库中等待处理（循环）
  • 不符合规则 -》清理
  • 符合规则 进入 索引区
  • 在索引区进行分类、归档、排序，然后将结果反馈给用户
  • 搜索引擎查询

字符编码

  • 计算机最开始发明是用来解决数字计算问题的，后来发现可以做更多的事，比如文本处理
  • 但是计算机又只能识别 010101011… 这样由0和1的两个数字组成
  • 因为计算机底层硬件实现的就是用电路的开和关两种状态来表示的

所以，为了在计算机上表示文字，符号等，必须将字符转成二进制数字，因此出现了字符编码标准的转换规则（ASCII/UTF8/GBK）

字符编码将我们的自然语言编码成二进制给计算机看，然后再把这些二进制解码为自然语言给我们看。

文字 通过 字符编码 计算机语言0101 字符解码 文字

link元素

link元素是外部资源链接元素，规范了文档与外部资源的关系

  • link元素通常是在head元素中

计算机进制

  • 进位制是一种记数方式，亦称进位计数法或位值计数法。
  • 二进制（0b开头, binary）：其中的数字由0、1组成
  • 八进制（0o开头, Octonary）：其中的数字由0~7组成。
  • 十六进制（0x开头, hexadecimal）：其中的数字由0~9和字母a-f组成（大小写都可以）

CSS表示颜色

  • 颜色关键字（color keywords）
  • RGB颜色
    • 十六进制符号：#RRGGBB[AA]
    • 十六进制符号：#RGB[A]
    • 函数符： rgba

Chrome调试工具

打开Chrome调试工具：

  • 方式一：右键 – 检查
  • 方式二：快捷键 – F12

其他技巧：

  • 快捷键：ctrl+ 可以调整页面或者调试工具的字体大小
  • 可以通过删除某些元素来查看网页结构
  • 可以通过增删css来调试网页样式

浏览器渲染流程

  • 加载HTML - 解析HTML并生成DOM树
  • 加载CSS - 解析CSS 生成 CSSOM 树
  • 最后合并一起生成渲染树
  • 遍历渲染树开始布局，计算每个节点的位置