标签的语义化及标题标签|学习笔记-阿里云开发者社区

开发者社区> -技术小能手-> 正文

标签的语义化及标题标签|学习笔记

简介: 快速学习标签的语义化及标题标签
+关注继续查看

开发者学堂课程【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>

 

输入格式如下:

image.png 

<h7>显示原来的等级,所以,标题最小等级为<h6>。

                在浏览器中打开如下图:

image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Maven的核心笔记(4)maven的生命周期和常用标签
1.一个完整项目的构建过程包括: 清理、编译、测试、打包、集成测试、验证、部署。 在整个过程中存在怎样的生命周期? 2.Maven一共有三个生命周期,相互独立,每一个生命周期都有不同阶段。
770 0
JavaWeb学习之路(20)–HTML之换行br与标签的闭合问题
本文目录 1. 前言 2. 换行标签br 3. 标签的闭合问题 4. 小结
7 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4613 0
HTML标签 -特殊字符|学习笔记
快速学习HTML标签 -特殊字符
16 0
JavaWeb学习之路(16)–HTML之标签的属性与内容
本文目录 1. 前言 2. 标签的内容 3. 标签的属性 4. 标签的格式 5. 小结
9 0
HTML标签- 图像标签|学习笔记
快速学习HTML标签- 图像标签
15 0
前端学习 -- Css -- 文本标签
em和strong - 这两个标签都表示一个强调的内容, em主要表示语气上的强调,em在浏览器中默认使用斜体显示 strong表示强调的内容,比em更强烈,默认使用粗体显示 DOCTYPE html> 今夕何夕兮,搴舟中流。
754 0
阿里云服务器远程登录用户名和密码的查询方法
阿里云服务器远程连接登录用户名和密码在哪查看?阿里云服务器默认密码是什么?云服务器系统不同默认用户名不同
846 0
spring源码学习之:xml标签扩展配置例子
在很多情况下,我们需要为系统提供可配置化支持,简单的做法可以直接基于Spring的标准Bean来配置,但配置较为复杂或者需要更多丰富控制的 时候,会显得非常笨拙。一般的做法会用原生态的方式去解析定义好的xml文件,然后转化为配置对象,这种方式当然可以解决所有问题,但实现起来比较繁琐, 特别是是在配置非常复杂的时候,解析工作是一个不得不考虑的负担。
870 0
1594
文章
0
问答
来源圈子
更多
技术图谱:由专家组参与技术图谱的绘制与编写,知识与实践的结合让开发者们掌握学习路线与逻辑,快速提升技能 电子书:电子书由阿里内外专家打造,供开发者们下载学习,更与课程相结合,使用户更易理解掌握课程内容 训练营:学习训练营 深入浅出,专家授课,带领开发者们快速上云 精品课程:汇集知识碎片,解决技术难题,体系化学习场景,深入浅出,易于理解 技能自测:提供免费测试,摸底自查 体验实验室:学完即练,云资源免费使用
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载