什么是HTML语义化标签？常见HTML语义化标签大全

一、什么是HTML语义化标签

语义化的标签，旨在让标签有自己的含义。

<p>一行文字</p>
<span>一行文字</span>

二、语义化标签的优势

  1. 实现了无障碍访问：使其内容对于借助辅助技术的残障访问者也是可以访问的，对于台式机、手机、平板或是其他设备上的浏览器都是可以访问的；’
  2. 搜索引擎优化：网页在搜索引擎中的排名会靠前，因为搜索引擎对用特殊标记的内容赋予更高的权重；
  3. 更容易维护代码和添加样式：清晰的结构能使代码更有效，更加有利于维护，更容易检索到可能出现的错误。借助css统一特定的元素的样式。

三、常见的语义化标签

  • <head>头部                       
  • <body>主体
  • <a> 超链接
  • <marquee>滚动字幕
  • <ol>有序列表
  • <ul>无序列表
  • <dl>说明项目条例
  • <i>定义斜体字
  • <b>定义粗体文本
  • <em>定义着重文字
  • <small>定义小号字
  • <strong>定义加重语气
  • <sub>定义下标字H2O
  • <sup>定义上标字c²=a²+b²
  • <ins>定义插入字(文字下方下划线效果)
  • <del>定义删除字(文字中间有一条横线)
  • <code>定义计算机代码
  • <kbd>定义键盘码
  • <samp>定义计算机代码样本
  • <var>定义变量
  • <pre>定义预格式文本
  • <abbr>定义缩写
  • <address>定义地址
  • <bdo>定义文字方向
  • <blockquote>定义长的引用
  • <q>定义短的引用语
  • <cite>定义引用、引证
  • <dfn>定义一个定义项目 
  • <form>定义一个表单
  • <table>定义一个表格

（部分内容）

posted @ 2020-02-24 10:22  爱河h  阅读(1393)  评论(0)  编辑  收藏  举报