2018-12-17
回答
<header>
:可在段落(<body>
、<section>
等)中使用,用来介绍或导航该段落的相关内容。如:标题、作者姓名、发布日期和时间、目录和其他导航信息。
<article>
:是一个独立的元素。能够在逻辑上独立于页面的其他内容而存在,单独创建时可保证内容的完整性。如:博客中完整的文章或新闻中的报道。
<section>
:是一个较为灵活的容器,可用于存放拥有一个主题的内容。如:一个专题组或文档大纲。
<footer>
:一般出现在段落的末尾,用于存放有关这个段落的附加信息。如:作者姓名、版权信息和此段落中典型示例的相关链接。
加分回答
非语义元素有 <div>
和 <span>
,其他语义元素还有以下等:
语义元素 | 标签 |
---|---|
<aside> |
定义页面内容以外的内容 |
<details> |
定义用户能够查看或隐藏的额外细节 |
<figcaption> |
定义 <figure> 元素的标题 |
<figure> |
规定自包含内容,比如图示、图表、照片、代码清单等 |
<main> |
规定文档的主内容 |
<mark> |
定义重要的或强调的文本 |
<nav> |
定义导航链接 |
<summary> |
定义 <details> 元素的可见标题 |
<time> |
定义日期/时间 |
<table> |
定义表格 |
<form> |
定义表单 |
<img> |
定义图片 |