HTML语义化标签

        HTML描述的是网页内容的含义,即语义。语义化标签(semantic HTML)指的是那些使用最恰当的HTML元素进行标记的内容,在标记的过程中并不关心内容的显示效果。HTML定义的是

       基本HTML页面的语义,了解一些常见用的HTML元素。可以通过访问  https://www.w3cschool.cn/   来了解更多关于HTML元素的基本内容。

  • <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>定义一个表格

(部分内容)

       HTML语义化的重要性。

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

     如何实现html语义化?减少对html结构的依赖,例如在html结构中有一个设置文字样式的<font>标签,但是在html5协议中则不建议再进行使用,建议把<font>标签转化为CSS样式定义的例如<h1 style="font-size:30px"> 这样作为一个样式值而不是单独的html标签形式。尽量使用css来设置结构,用HTML定义框架。

原文地址:https://www.cnblogs.com/nyw1983/p/11252097.html