HTML语义话标签

2019-03-28  本文已影响0人  刘彪lastbee

html中的语义化标签的总结

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

ruby

<ruby>
  漢 <rt> ㄏㄢˋ </rt>
</ruby>
实例
em
  <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 定义计算机代码文本。

上一篇 下一篇

猜你喜欢

热点阅读