HTML5 标签

[anjia]

结构性标签

标识页面区域的语义

	标签	含义	备注
1	<main>	页面的主要内容	通常只有一个
2	<nav>	导航到其它页面的部分	1. 顶部导航栏 2. 页面锚点，eg.目录
3	<article>	独立的内容部分	如何判定： 把它单独拎出来，放在其它上下文里， 看是否合理/有意义
4	<section>	完全普通的一部分， 一般不知道它具体代表啥意思	如何判定： 通常它都有个标题来自我标识
5	<header>	1. page banner 2. 任何子部分的头	可大可小
6	<footer>	1. page footer 2. 某部分的注脚 3. 此部分的额外信息等	可大可小
7	<aside>	和它周围内容微相关。eg. 1. 页面侧边栏 2. article里面的引用 3. 一组nav元素	可大可小

以上语义化标签，其实没啥特定的默认 CSS 样式，除了display:block

它们的好处是：

• 用更简洁的方式表达相同的内容
  • eg. 直接用标签，而不用.article类名标识。就可以直接用 CSS 标签选择器了
• 给屏幕阅读器提供更有用的信息