HTML语义话标签

html中的语义化标签的总结

总是发现在编写html代码时，老是使用div + span的结构。于是总结出语义化标签，方便使用。

---

ruby

• 比较少用的标签，用于在东亚使用，显示的是东亚字符的发音,与<rt>一起使用

<ruby>
  漢 <rt> ㄏㄢˋ </rt>
</ruby>

实例
em

• HTML 的有些标签实际上就是必要的，呈现为被强调的文本。

  <em>今天</em>我吃了一个苹果
  今天<em>我</em>吃了一个苹果.
  今天我吃了<em>一个</em>苹果.
  今天我吃了一个<em>苹果</em>.

hgroup 标题组
h1~h6 6级标题
header 头部 介绍性内容
footer 尾部包含作者信息，相关链接，版权信息等
address 标签定义文档或文章的作者/拥有者的联系信息
aside 标识跟文章主题不那么相关的内容，也可以为导航，广告等工具性质的内容
nav 导航，超链接的区域
section 文档中的节,区段。比如章节、页眉、页脚或文档中的其他部分。
article 文章
hr 被水平线分隔的标题和段落
p 段落的意思
menu 用于菜单是使用
main 整个页面只出现一次，便是页面的主要内容
mark 高亮
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体
samp 定义样本文本。
code 定义计算机代码文本。