广州粤嵌通信科技股份有限公司

欢迎您!
广州粤嵌通信科技股份有限公司
优学培训网推荐优质机构
嵌入式,Java,Android,HTML5,Unity 3D等主流IT技术课程

您当前的位置:首页> 培训课程>粤嵌HTML5入门 HTML5开发中语义化标签的用法

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

上课时段: 详见内容

开班时间: 滚动开班

课程价格: 面议

教学地区: 广东广州市

咨询电话:

授课学校: 广州粤嵌通信科技股份有限公司

教学地址: 广州市科学城光谱西路69号TCL文化产业园二期创意中心B栋4层

最后更新:2024-11-20 08:44

已关注: 88人

课程介绍

在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(微信同号)


更多培训课程,学习资讯,课程优惠,课程开班,学校地址等学校信息,请进入广州粤嵌通信科技股份有限公司网站详细了解,咨询电话:

你也可以留下你的联系方式,让课程老师跟你详细解答: 在线咨询

咨询表

温馨提示:提交留言后老师会第一时间与您联系!热线电话: