• :绿叶现版本暂时不再更新维护,全新版本已经在开发中,新系列图书(暂时8本,后面再续)也将于12月后陆续出版,敬请期待~

4.2 标题标签

一、标题标签简介

我们首先看一个实例:

HTML标题标签h1~h6
图1 绿叶学习网中的标题

从上面的一个网页,我们看到,对于一个HTML文档,往往包含有各种级别的标题。在HTML中,共有6个级别的标签:<h1>~<h6>。

<h1>到<h6>标签中的字母h是英文header的简称。作为标题,它们的重要性是有区别的,其中<h1>标题的重要性最高,<h6>标题最低。在此说明一下,一般一个页面只能有一个<h1>,而<h2>~<h6>可以有多个。<h1>代表的就是本页面的题目,试想一下,你见过哪篇文章有两个大标题吗?但是一篇文章却可以有多个小标题。

大家查看HTML入门教程文章的源代码,我们可以发现,文章标题使用h1标签,大标题使用h2标签……以此类推。

举例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>标题标签h1~h6</title>
</head>
<body>
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
    <h4>这是四级标题</h4>
    <h5>这是五级标题</h5>
    <h6>这是六级标题</h6>
</body>
</html>

在浏览器预览效果如下:

HTML标题标签
图2 HTML标题标签h1~h6预览图

说明:

标题标签<h1>~<h6>是有顺序的。对于六个标题标签,在一个网页,你不需要全部都用上,这是根据你需要采用的。

从浏览器预览效果我们知道,标题标签的级别越高,字体越大。

h1~h6标题标签并非是那么简单的,对于网页搜索引擎优化,是极其重要的标签。我们在“SEO入门教程”再给大家详细探讨一下。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取更多学习资源和配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:593173594(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部