语义化的标签
即用一些一看就可以知道的名字来代替div取名字,下面为写网页常用的一些名字,把他们变成标签,不用再去多去取名字。
(1)<header></header><!-- 定义文档的头部区域 -->
(2)<nav></nav><!-- 定义导航链接的部分 -->
(3)<article></article><!-- 定义独立的内容 -->
(4)<section></section><!-- 定义文档中的节(section、区段) -->
(5)<aside></aside><!-- 定义页面主区域内容之外的内容(比如侧边栏) -->
(6)<footer></footer><!-- 定义文档的底部区域 -->
(7)<figure></figure><!-- 定义独立的流内容(图像、图表、照片、代码等等) -->
(8)<figcaption></figcaption><!-- 定义被置于 "figure" 元素的第一个或最后一个子元素的位置 -->
(9)<mark></mark><!-- 定义带有记号的文本 -->(会有黄色的背景)