HTML就是负责页面语义的,HTML4.01中,div负责的任务太多,具体的语义没有拆分。
HTML5中,就是把div拆分为了更多的标签:
- header: 用于网站的头部,或者某一个区域的头部
- nav:用于导航
- banner:用于轮播图
- main: 网页的主体内容部分,该主体部分只能有一个
- section:网页的主体内容部分,是一个小整体,和main类似,但是section在一个页面中可以有多个,而main只能有一个
- article:用于标记文章或者评论
- hgroup:用于标记标题组,如果只有一个标题无需标记,多个标题则可以使用
- figure:用于标记独立的流内容
- figcaption:用于标记独立流内容的标题
- aside:用于标记侧边栏,存在与否不影响主体内容的呈现
- footer:网站的底部
- address:用来描述地址
- time:用来标记时间,具体时间不需要datetime属性,没有明确的日期需要使用datetime属性指明时间
- mark:用于标记文档的细节
- summary:用于标记details元素的标题,details用来描述细节,summary在details里面。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="vie