首页 » 编程语言 » html » 正文

html标题:h1到h6标签的用法详解

<h1>~<h6>定义和用法

<h1>~<h6>标签是用来定义和描述标题文本的,标签名h是英文header的简称;

<h1>~<h6>标签只能用在body标签内,标签名后的数值越大,字体就越小;

<h1>~<h6>标签在浏览器中会自动地在标题的前后添加空行;

<h1>标题最大,依次是<h2><h3><h4><h5>,最后的<h6>标题最小。

所有浏览器都支持<h1>~<h6>标签标题

六个不同标签演示案例

<html>
<head>
<meta charset="utf-8">
<title>标签<h1>到<h6>的演示效果</title>
</head>
<body>
<h1>这是一级标题h1</h1>
<h2>这是二级标题h2</h2>
<h3>这是三级标题h3</h3>
<h4>这是四级标题h4</h4>
<h5>这是五级标题h5</h5>
<h6>这是六级标题h6</h6>
</body>
</html>

在浏览器中显示效果如下

2019-07-30_105036.png

<h1>~<h6>标题样式

h1~h6默认加粗显示:font-weight:bold;不要仅仅为了产生粗体文本而使用它们,可以使用<b>加粗标签或 CSS 代替。

h1 {font-size:xx-large;}
h2 {font-size:x-large;}
h3 {font-size:large;}
h4 {font-size:medium;}
h5 {font-size:small;}
h6 {font-size:x-small;}

h1~h6元素默认以块状显示字体显示为粗体,要清除标题样式,一般可以设置
hx {
   font-weight:normal;
   font-size:value;
}

<h1>~<h6>标签使用建议:

1、同一个网页只能拥有一个<h1>标签,就好比一篇文章,只能有一个主标题!

2、<h1>中部署主关键词。<h1>尽量靠近在html中的<body>标签,越近越好,以便让搜索引擎最快的领略主题。

3、<h1>针对的只是文本类型的文章标题,重复使用<h1>会造成搜索引擎因多个标题而难以判断主次之分

4、<h1>标签针对的是文本类型的内容,所以,不要用于logo或其他非本文性质的内容!

5、<h1>标签只出现在body元素之内,不应该出现head头部当中,也不得出现在<h2>~<h6>之后

<h1>~<h6>seo优化建议

1、<h1>标题最重要,依次为<h2><h3><h4><h5>,<h6>最次之,一篇文章只有一个主标题,但可以拥有多个次标题,如此类推!所以,<h1>标题只用一次,且对应文章的主标题,次重要的标题,按照重要层次,依次可以使用<h2><h3>,可以多次出现,而<h4><h5><h6>使用比较少!

2、<h2>表示一个段落的标题,或者说副标题,部署长尾关键词。

3、<h3>表示段落的小节标题,<h3>效果跟Strong差不多,一般是用在段落小节。

4、<h4>-<h6>基本很少用到,是告诉搜索引擎这些不是很重要的内容,当一篇文章内容较多的时候,可以用来说明一些内容是不很重要的。



欢迎您发表评论或留言