HTML 标题h1-h6

定义和用法

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。

标题样式
h1~h6默认加粗显示：font-weight:bold;。
默认大小请参上表还有是这样的写的
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;}
个大浏览器默认字体大小为16px，即等于medium，h1~h6元素默认以块状显示字体显示为粗体，要清除标题样式，一般可以设置
hx {
font-weight:normal;
font-size:value;
}

H1标签使用建议：
1.在同一个页面当中不要重复多次的使用该标签，这样会造成表达主体不明确，造成搜索引擎不能很好的判断该文章的定位；
2.title标签可以包含h1，但是H1标签却不能包含title，H1针对是只是文本性质的文章标题；
3.不要在logo当中使用，因为H1标签是对文章或者是列表页的文字标题使用的，logo通常是图片，应用于图片的作用又肯能会适得其反；
4.H1标签应该出现在body当中，不应该出现头部当中，并且不得出现在<h2>-<h6>之后，并且H1标签之后不应该再出现H1标签，可以使用其他H标签，这样可以提高文章和网站的表达层次，搜索引擎会更加的喜欢。

H标签使用的SEO建议

1、每个网页只能拥有一个<h1>标签。

2、<h1>用来修饰网页的主标题，一般是网页的标题，文章标题，<h1>中部署主关键词。<h1>尽量靠近在html中的<body>标签，越近越好，以便让搜索引擎最快的领略主题。

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

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

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

因为，搜索引擎需要在一堆文本中明白它写的是什么，所以，它也依照人们的阅读习惯，首先寻找文章的标题，然而，不像人们那样可以迅速确定标题是什么，搜索引擎是“盲人”，所以，使用<h>标签就指导搜索引擎标题在那里，便于它们迅速掌握文本大意。

标题（H1-H6）标签是采用关键词的重要地方，这个标签应该包括文本中最重要的关键词，Google算法就指出，这个<h>和</h>直接的题头文字，一定比其它地方的文章具备更重要的意义，但是，过分的使用容易产生不利的影响。

<html><body><h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6><p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p></body>
</html>

转载于:https://www.cnblogs.com/zuihongyan/p/5633617.html

HTML 标题h1-h6相关推荐

HTML5 结构语义元素的标题h1～h6元素
h1-h6元素所谓语义元素,就是为元素(标签)赋予了某种意义,元素的名称就能能清晰表达元素的作用. 使用结构语义元素,可以使页面结构清晰.易于维护,有助于屏幕阅读器和其他辅助工具的读取,有利于搜索引 ...
【HTML 教程系列第 7 篇】什么是 HTML 中的标题标签 h1~h6
这是[HTML 教程系列第 7 篇],如果觉得有用的话,欢迎关注专栏. 我们先来看一段代码,以及在浏览器运行后的效果即使我们现在不知道什么是标题标签,仅从浏览器效果也能看出来这首<劝学> ...
html中h3的样式,比较好看的css自定义样式（标题 h1 h2 h3）
/*标题h1 h2 h3样式*/ #content { color: black; font: 0.875em/1.5em"微软雅黑", "PTSans", & ...
Bootstrap 排版h1~h6标题
HTML中定义的所有标题标签,从 <h1> 到 <h6>,在Bootstrap中都是可用的.并且,Bootstrap 还为它们定义了样式,<h1> 是 36px高, ...
【HTML＋CSS网页设计与布局从入门到精通】第6章-标题h1,h1字体格式的设置方式
目录方式1 方式2 方式1 <html> <head><title>演示</title><meta http-equiv="Conte ...
用ul制作html表单,要利用 display属性把段落P、标题h1、表单form、列表ul和li都可以定义成行内块元素,其属性值为...
[判断题]WHO推荐的按体重计算基础代谢能耗的公式对我18岁以上人群并不完全适用. [判断题]在幻灯片中,可以将自己喜欢的一张图片设置为背景. [判断题]当决定事件发生的所有条件中任一个(或几个)条件 ...
day44前端开发1之html基础
web前端开发1 一.前端三剑客之html 1.为标记语言,是非编程语言 2.自身不具备逻辑,遇到负责重复操作只能全部手写(Ctrl+C > V) 3.组成:标签, 指令, 实体标签: ...
【FE前端学习】第二阶段任务-基础
技能学习部分: 1.需要熟练掌握HTML标签以及CSS各个常用属性. 2.掌握CSS3 常用属性 3.掌握jquery的基本用法,对于JS基本逻辑语句需要熟练掌握上文 [FE前端学习]第二阶段任务- ...
HTML常见标签易踩坑笔记（一）
最近在学习HTML的时候,遇到一些容易踩坑的点,梳理一遍,顺便把常用的标签再巩固巩固. 1.article 标签(H5新标签) (1)定义:<article>元素表示文档.页面.应用或网站 ...
HTML基础知识个人总结
[学习的网站是主要是W3school,还加上一些其他搜索学习到的内容,仅在博客做个人整理] 一.标签--尖括号围成的关键词,成对出现. ※使用时必须符合标签嵌套规则 1. (1) <!DOCTY ...

HTML 标题h1-h6

定义和用法

HTML 标题h1-h6相关推荐

最新文章

热门文章