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 @ 2021-04-26 13:00  pure3417  阅读(357)  评论(0编辑  收藏  举报