在之前的工作中一直习惯使用div进行布局,之所以不使用HTML5中的语义元素主要是因为对它们的了解不多,不知道都有哪些语义元素,今天特意做了HTML5中的常用语义元素汇总,以便加深印象。
HTML5 中的语义元素
下面列出了以字母顺序排列的 HTML5 新语义元素。
标签 | 描述 |
---|---|
<article> | 定义文章。 |
<aside> | 定义页面内容以外的内容。 |
<details> | 定义用户能够查看或隐藏的额外细节。 |
<figcaption> | 定义 <figure> 元素的标题。 |
<figure> | 规定自包含内容,比如图示、图表、照片、代码清单等。 |
<footer> | 定义文档或节的页脚。 |
<header> | 规定文档或节的页眉。 |
<main> | 规定文档的主内容。 |
<mark> | 定义重要的或强调的文本。 |
<nav> | 定义导航链接。 |
<section> | 定义文档中的节。 |
<summary> | 定义 <details> 元素的可见标题。 |
<time> | 定义日期/时间。 |