Skip to content

Latest commit

 

History

History
26 lines (20 loc) · 1.36 KB

前端-HTML5语义元素的正确用法.md

File metadata and controls

26 lines (20 loc) · 1.36 KB

前端-HTML5语义元素的正确用法

<header>:可在段落(<body>section等)中使用,用来介绍或导航该段落的相关信息。如:标题、作者姓名、发布日期和时间、目录和其他导航信息。

<article>:是一个独立的元素。能够在逻辑上独立于页面的其他内容而存在,单独创建时可保证内容的完整性。如:博客中完整的文章或新闻中的报道。

<section>:是一个较为灵活的容器,可用于存放拥有一个主题的内容。如:一个专题组或文档大纲。

<footer>:一般出现在段落的末尾,用于存放有关这个段落的附加信息。如:作者姓名、版权信息和此段落中典型示例的相关链接。

其他语义元素还有以下等:

语义元素 标签
<aside> 定义页面内容以外的内容
<details> 定义用户能够查看或隐藏的额外细节
<figcaption> 定义 <figure> 元素的标题
<figure> 规定自包含内容,比如图示、图表、照片、代码清单等
<main> 规定文档的主内容
<mark> 定义重要的或强调的文本
<nav> 定义导航链接
<summary> 定义 <details> 元素的可见标题
<time> 定义日期/时间
<table> 定义表格
<form> 定义表单
<img> 定义图片