开发者学堂课程【HTML 入门与实战:标签的语义化及标题标签 】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/593
标签的语义化及标题标签
内容简介:
一、HTML标签的语义化
1. 存在语义化标签的原因
2. 遵循的原则
二、HTML标签
1. 排版标签
一、HTML标签的语义化
1.HTML标签的语义化:是指标签的含义
存在语义化标签的原因:
· 方便代码的阅读和维护。
· 同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容
· 使用语义化标签会具有更好地搜索引擎优化核心,合适的地方给一个最为合理的标签。
语义是否良好,当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。
2.遵循的原则:先确定语义的HTML,再选合适的CSS。
二、HTML
首先HTML和CSS是两种完全不同的语言,
1. 排版标签
排版标签主要和CSS搭配使用,显示网页结构的标签,是网页布局最常用的标签。
· 标题标签(熟记)
单词缩写:head 头部、标题
为了使网页更具有语义化,经常会在页面中用到标题标签,HTML提供了6个等级的标题,即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>
标题标签语义: 作为标题使用,并且依据重要性递减。
其基本语法格式如下:
<hn> 标题文本 </hn>
输入格式如下:
<h7>显示原来的等级,所以,标题最小等级为<h6>。
在浏览器中打开如下图: