HTML基础知识（11）

语义化标签

目标：能够认识开发中常用的 没有语义布局标签（ div、span ）和 有语义的布局标签

学习路径：
1. 没有语义的布局标签
2. 有语义的布局标签（了解）

1.1 没有语义的布局标签-div和span

Ø 场景：实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签
Ø div标签：一行只显示一个（独占一行）
Ø span标签：一行可以显示多

2.1 有语义的布局标签（了解）

Ø 场景：在HTML5新版本中，推出了一些有语义的布局标签供开发者使用
Ø 标签：

Ø 注意点：
• 以上标签显示特点和div一致，但是比div多了不同的语义

字符实体

目标：能通过 字符实体 在网页中显示特殊符号
学习路径：
1. HTML中的空格合并现象
2. 常见字符实体

1. HTML的空格合并现象

Ø 场景：如果在html代码中同时并列出现多个空格、换行、缩进等，最终浏览器只会解析出一个空格

2. 常见字符实

Ø 场景：在网页中展示特殊符号效果时，需要使用字符实体替代
Ø 结构：
Ø 常见字符实体：

常用空格实体：