gzyueqian
13352868059

粤嵌HTML5入门 HTML5开发中语义化标签的用法

更新时间: 2018-04-13 14:28:12来源: 粤嵌教育浏览量:3108

  在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的时候,对这部分内容要多加重视,是都记下来。




免费预约试听课