什么是语义化标签
语义化标签是就是把标签说的更通俗一点,更贴近人类的口语,有利于开发人员编写、检索代码,例如<nav>标签,他的英文单词含义就是头部导航.
语义化标签的作用
(1)提高开发人员开法效率,利于代码结构的优化、团队开发速度的加快,减少代码检索时间
(2)可方便其它设备以语义化的方式完成对页面的渲染
(3)有利于搜索引擎优化
常用的语义化结构标签
(1)section 类似于div,section 更偏向划分区域
(2)article 更偏向于 内容的展示
(3)aside (在一边的,在一旁的,侧边)
(4)header 表示内容的头部、网页的头部、头部区域
(5)footer 表示网页的底部、内容的底部、底部区域
(6)nav 导航连接、导航区域
(7)figure 表示一块独立的内容
(8)figcaption figure的标题(一般放在figure的第一位或者最后一位)
(9)main 主体内容(IE不兼容)
(10)hgroup
(11)mark 高亮显示 默认北京为黄色(可以更改背景 内联元素)
(12)time 放时间的
(13)dialog 类似于微信的对话框 ( 默认display:none 默认定位 默认边框 )
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin:0;
padding:0;
}
.box