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 定义计算机代码文本。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,672评论 1 41
  • HTML5< !--...--> 标签 comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。...
    野小宝阅读 5,111评论 0 10
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 9,530评论 1 25
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 1、HTML介绍 1 2、Html和CSS的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户...
    夏沫xx阅读 5,423评论 0 8