在HTML5入门学习中,明白各个标签的用法是非常重要的,可以说是基础中的基础。什么是语义化标签呢?说的通俗点就是明白每个标签的用途,在什么情况下使用才合理等,比如网页上的文章标题可以用标题标签,文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,可以使用em标签表示强调等。
HTML开发中语义化标签的用法:
1)<hx>标签:文章标题,栏目标题用<hx>表示
标题标签一共有6个, h1、h2、h3、h4、h5、h6 分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1> 是最高的等级。
2)<a>标签:实现超链接
用于从一个页面链接到另一个页面,强调title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容。
3)<p>标签:文章段落放到<p>标签中
4)<strong>和<em>标签:特别强调某几个文字
但两者在强调的语气上有区别,<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。
5)<q>标签:短文本引用
注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号
6)<blockquote>标签:长文本引用
注意浏览器对 <blockquote>标签的解析是缩进样式
7)<address>标签:为网页加入地址信息
8)<ul>标签:无序列表
9)<ol>标签:有序列表
10)<caption>标签:为表格添加标题和摘要
摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性,使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
粤嵌HTML5入门学习这些语义化标签,其目的在于更容易让阅读器读出网页内容,体现页面的主题,同时还能够易于被搜索引擎收录,并支持更多的网络设备(兼容性好)。因此,我们刚开始入门学习HTML5的时候,对这部分内容要多加重视,最好是都记下来。详情咨询粤嵌教育官方网站:http://www.gec-edu.org/,咨询热线:133-5286-8059(微信同号)