浅谈html语义化标签,Html5新增语义化标签_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了浅谈html语义化标签,Html5新增语义化标签_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2029字，纯文字阅读大概需要3分钟。
内容图文
Html语义化标签,Html5新增语义化标签 自己在学习的期间,整理了下html关于语义化标签的一些知识,列的不是很全.
希望大家有新的见解可以给我留言,我会补充上去,谢谢大家
1.什么是语义化标签?
那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下我可以使用这个标签才合理）比如，
网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。
文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用em标签表示强调等等。
2.为啥使用语义化标签?
1. 更容易被搜索引擎收录。
2. 更容易让屏幕阅读器读出网页内容。
3. 能够更好的体现页面的主题
4.兼容性更好，支持更多的网络设备
3.html语义化标签
1):标签:实现超链接
强调:title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）
2):
标签:文章段落放到
标签中
3):
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。
是最高的等级。
4):和标签:特别强调某几个文字
但两者在强调的语气上有区别: 表示强调， 表示更强烈的强调。并且在浏览器中 默认用斜体表示， 用粗体表示。
两个标签相比，目前国内前端程序员更喜欢使用表示强调。
5):标签:短文本引用
注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号
6):
标签:长文本引用注意浏览器对<blockquote>标签的解析是缩进样式
7):标签:为网页加入地址信息
8):
标签:无序列表
9):
标签:有序列表
10):
标签:为表格添加标题和摘要 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法：
标题用以描述表格内容，标题的显示位置：表格上方。
语法：
标题文本
4.Html5语义化标签
1):article标签:装载显示一个独立的文章内容。
例如一篇完整的论坛帖子，一则网站新闻，一篇博客文章等等，一个用户评论等等 artilce可以嵌套，则内层的artilce对外层的article标签有隶属的关系。
例如，一个博客文章，可以用article显示，然后一 些评论可以以article的形式嵌入其中。
文章标题
这是一篇文章 评论1...
内容总结
以上是互联网集市为您收集整理的浅谈html语义化标签,Html5新增语义化标签_html/css_WEB-ITnose全部内容，希望文章能够帮你解决浅谈html语义化标签,Html5新增语义化标签_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。