HTML（三）：标签语义和标题标签

标签语义

学习标签是有技巧的,重点是记住每个标签的语义。简单理解就是指标签的含义,即这个标签是用来干嘛的。

根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更清晰。

标题标签

为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题，

即<hl>-<h6>

基本语法

<h1> 我是一级标题 </h1>
<h2> 我是二级标题 </h2>
<h3> 我是三级标题 </h3>
<h4> 我是四级标题 </h4>
<h5> 我是五级标题 </h5>
<h6> 我是六级标题 </h6>
  • 单词 head 的缩写,意为头部、标题。
  • 标签语义:作为标题使用,并且依据重要性递减。
  • 特点：
    • 加了标题的文字会变的加粗,字号也会依次变大。
    • 一个标题独占一行。

示例

<!DOCTYPE html>
<html lang="en">
	<head>
        <meta charset="UTF-8">
        <title>标题标签</title>
    </head>
    <body>
        <h1> 我是一级标题 </h1>
        <h2> 我是二级标题 </h2>
        <h3> 我是三级标题 </h3>
        <h4> 我是四级标题 </h4>
        <h5> 我是五级标题 </h5>
        <h6> 我是六级标题 </h6>
    </body>
</html>
posted @   pure3417  阅读(371)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
· Manus爆火，是硬核还是营销？
点击右上角即可分享
微信分享提示