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> 定义图片

返回总目录

每天 30 秒

  • 30Seconds

    前端面试 30s 系列问答翻译,英文原文请看 30-seconds-of-interviews

    68 引用 • 155 回帖 • 2 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    81 引用 • 241 回帖 • 315 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    163 引用 • 1111 回帖 • 492 关注
感谢    关注    收藏    赞同    反对    举报    分享