<main>
展现了页面内容的独特性。只可以在每一个页面上使用一次<main>,直接把它放到<body>
中。在理想情况下,不应该把它嵌套进其他的元素中。<article>
闭合一块与自身相关的内容,这块内容能够解释它自身而不是页面上其他的内容(例如一篇单独的博客)。<section>
近似于<article>,但是它更多的是伴随着由一个单独功能构成的页面(例如一个小型的地图,或者是一组文章的标题和摘要)。它被认为最好的实际应用是用标题作为每一部分(section)的开头;也要注意的是你可以把不同的<article>分到不同的<section>中,或者把不同的<section>分到不同的<article>中,这要取决于内容。<aside>
包含的内容并不与主要内容有直接的联系,但是它可以提供额外的不直接有联系的信息(术语表条目,作者简介,相关链接等等)。<header>
展现了一系列的介绍性内容。如果它是<body>
的子元素,它就定义了网站的全局页眉。但是如果它是<article>
或<section>
的子元素,它就定义了这些部分的特定的页眉(不要把这些与ititles and headings混淆)。<nav>
包含了页面主要的导航功能。二级链接等,不会进入导航功能部分。<footer>
包含了页面的页脚部分。
没有特定语义的装饰元素
<span>行内无语义元素,<div>块级无语义元素
Divs是可以如此便利的使用以至于很容易就被滥用。因为它们不携带语义值,所以会让你的HTML代码变的混乱。要小心的使用它们,只有当没有更好的语义解决方案才能使用,而且要尽可能把它的使用量降到最低,否则,当你升级和维护你的文档时会非常困难。
<br>
在一个段落中创建一个换行;在你想要生成一系列的短行的地方,
<br>
是唯一能够生成这种结构的元素。
<hr>
元素在文档中生成一条水平分割线,表示文本中主题的变化(例如主题或场景的变化)。看起来就是一条水平线。
(文章内容摘自MDN、菜鸟教程等网站)