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

简介: 快速学习标签的语义化及标题标签

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

相关文章
|
SQL 关系型数据库 数据库
【微服务系列笔记】Seata
Seata是一种开源的分布式事务解决方案,旨在解决分布式事务管理的挑战。它提供了高性能和高可靠性的分布式事务服务,支持XA、TCC、AT等多种事务模式,并提供了全局唯一的事务ID,以确保事务的一致性和隔离性。Seata还提供了分布式事务的协调、事务日志、事务恢复等功能,帮助开发人员简化分布式事务的管理和实现。
552 1
|
12月前
|
机器学习/深度学习 PyTorch TensorFlow
【12月更文挑战第24天】
【12月更文挑战第24天】
109 9
|
存储 人工智能 C语言
数据结构基础详解(C语言): 栈的括号匹配(实战)与栈的表达式求值&&特殊矩阵的压缩存储
本文首先介绍了栈的应用之一——括号匹配,利用栈的特性实现左右括号的匹配检测。接着详细描述了南京理工大学的一道编程题,要求判断输入字符串中的括号是否正确匹配,并给出了完整的代码示例。此外,还探讨了栈在表达式求值中的应用,包括中缀、后缀和前缀表达式的转换与计算方法。最后,文章介绍了矩阵的压缩存储技术,涵盖对称矩阵、三角矩阵及稀疏矩阵的不同压缩存储策略,提高存储效率。
983 9
|
C++
VS Code Cmake管理
VS Code Cmake管理
94 3
|
数据采集 存储 自然语言处理
​「Python大数据」VOC数据清洗
使用Python进行数据清洗,脚本涉及VOC数据的读取与分词。通过jieba进行中文分词,去除停用词,将清洗后的评论存入新Excel列。执行`clean.py`脚本,读取Excel文件,对每个sheet的评论内容进行处理,保留名词并移除停用词和标点,结果保存至`clean/cleaned_voc.xlsx`。关键文件包括自定义词典`luyouqi.txt`和停用词列表`stopwordsfull`。
198 0
​「Python大数据」VOC数据清洗
|
关系型数据库 Java MySQL
springboot + mybatis-plus + com.alibaba.druid 配置postgresql数据库
配置mysql数据库正常,在执行postgresql查询数据库出现 [Druid-ConnectionPool-Create-1538095845] ERROR c.alibaba.druid.pool.DruidDataSource - create connection SQLException, url: jdbc:postgresql: errorCode 0, state 08P01 org.postgresql.util.PSQLException: 通讯协定错误,Session 初始化失败。
761 0
|
存储 弹性计算 运维
一文搞懂EMAS Serverless小程序开发|电子书免费下载
EMAS Serverless是阿里云一站式应用研发平台EMAS旗下的一款子产品,是面向小程序场景提供的Serverless开发、运营套件,开发者无需关心服务器和进行底层设施运维,专注于代码逻辑和业务本身,具备极简运维、多端适配、按需使用、弹性扩容等优势,帮助开发者快速部署小程序,本文将带你全面了解EMAS Serverless小程序开发,另附电子书《五天玩转EMAS Serverless》免费下载!!
|
JavaScript 前端开发 C++
小鲜肉 Vite 会取代 OG Vue CLI 吗?
如果说 Vite 是 2021 年咱前端圈的新晋顶流小鲜肉当真一点不为过! 尚不清楚的 XDM 可能想问,这玩意儿到底是要干嘛呢?
|
存储 关系型数据库 MySQL
Mac上sonar插件的安装及使用
本文主要讲解sonar的安装及使用。 分为两个维度来讲解
1095 0
Mac上sonar插件的安装及使用