学堂 学堂 学堂公众号手机端

HTML语义化标签的优势是什么,常见义化标签有什么

lewis 1年前 (2024-03-07) 阅读数 5 #技术
这篇文章主要讲解了“HTML语义化标签的优势是什么,常见义化标签有什么”,文中的讲解内容简单、清晰、详细,对大家学习或是工作可能会有一定的帮助,希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。


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

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

语义化标签的优势

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

(部分内容)


以上就是关于“HTML语义化标签的优势是什么,常见义化标签有什么”的相关知识,感谢各位的阅读,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注博信,小编每天都会为大家更新不同的知识。
版权声明

本文仅代表作者观点,不代表博信信息网立场。

热门