HTML语义话标签

html中的语义化标签的总结

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

ruby

  • 比较少用的标签,用于在东亚使用,显示的是东亚字符的发音,与一起使用
 ㄏㄢˋ 

实例

em

  • HTML 的有些标签实际上就是必要的,呈现为被强调的文本。
  今天我吃了一个苹果
  今天吃了一个苹果.
  今天我吃了一个苹果.
  今天我吃了一个苹果.

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

你可能感兴趣的:(HTML语义话标签)