我和往常一样，一边喝早茶，一边上网和女粉丝侃大山，在手机和平板电脑上整理修改《C++》、《C语言》、《Java》等多年前写的教程，并研究学习各种品牌的小程序。

突然女粉丝问：“陈老师！听说你是公司里的html5大神？”。
我答：“略懂略懂，略知1、2”。
女粉丝问：“H1是么来的？”。
我答：“没看错的话是标题”。
女粉丝问：“可以教下我标题怎么用吗？”。
我答：“好的！下面写个教程，你先回家等我更新吧！”。

Html5中的六级标题

在Html5中提供六级标题用于创建页面信息层关系。使用h1、h2、h3、h4、h5、h6元素，使用如语法1.

<h1>...内容...</h1>

(语法1)
设计h1~h6标题元素。内容为“微信公众号：design-Rabbit”，如html语言1。

<h1>微信公众号：design-Rabbit</h1>
<h2>微信公众号：design-Rabbit</h2>
<h3>微信公众号：design-Rabbit</h3>
<h4>微信公众号：design-Rabbit</h4>
<h5>微信公众号：design-Rabbit</h5>
<h6>微信公众号：design-Rabbit</h6>

（html语言1）
把html语言1移植到html5基础框架中，如代码1。

<!DOCTYPE html>
<html>
<head>
<meta charset="GB123">
<title>Html5中1~6标题</title>
</head>
<body>
<h1>微信公众号：design-Rabbit</h1>
<h2>微信公众号：design-Rabbit</h2>
<h3>微信公众号：design-Rabbit</h3>
<h4>微信公众号：design-Rabbit</h4>
<h5>微信公众号：design-Rabbit</h5>
<h6>微信公众号：design-Rabbit</h6>
</body>
</html>

（代码1）
运行代码1，就可以看到图1的效果，如果还不会运行方法，可以看我以前写的Html5，学习代码运行方法。

注：看到图1页面中字体显示乱马时charset="bg123"可以改成charset="utf-8"或改为其它的编码方式。

3a425328657705cd0e987da1d0033a83_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

（图1）
对于收索引擎来说，含有< h1>~< h6>标题元素的页面，如果标题与搜索关键字匹配，这些标题就会被赋予很高的权重，在搜索结果中排名靠前。
优其是< h1>元素，因为< h1>是6个标题元素显示效果最大的一个。等大家学过汉语seo后就明白多有用了。

杰哥学习笔记分享到这里，会不定期更新，喜欢的粉丝们请收藏、关注、点赞，我的作品。

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html

学习Html5笔记——六级标题

Html5中的六级标题