search

anjia / blog

博客，积累与沉淀
106 stars 4 forks source link

HTML5 标签 #63

Open anjia opened 4 years ago

anjia commented 4 years ago

结构性标签

标识页面区域的语义

  标签 含义 备注
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

它们的好处是：