HTML中h1到h6标签
HTML中h1到h6标签
HTML中h1到h6标签一、HTML中h1标签
H1标签是指网页html中对文本标题所进行的着重强调的一种标签,制作标签的主要是起强调作用,告诉搜索引擎这是一段文字的标题,加深网站对关键词的关联性,是网站获良好优化效果的重要组成部分。
1、H1标签的重要性
(1)、提升用户体验度
一般网站都是用H1标签来修饰网页标题,那么呈现给用户的也就是这个页面的主要内容,那么用户在进入这个页面后能很直观的了解到这个页面的内容,从而增加对网站的信任度。
(2)、使用H1标签提升关键词排名
用来修饰网页的主标题,因为搜索引擎需要在一堆代码中明白这个页面的内容,那么使用标签就指导搜索引擎标题在那里,以便于它们迅速掌握文本大意。那么搜索引擎给明白这个页面的主要内容,从而增加页面关键词的排名。
(3)、应该把H1标签用在网站最核心的内容上。
2、H1标签的特点
(1)、H1标签的唯一性
一个页面最好只有一个H1标签,而标签里面的内容最好就是网页的中心主题或者是包含想要优化的关键词的标题。如果一个页面使用过多的H1标签,那么就会分散搜索引擎对这个页面关键词的注意力,那么对我们提升关键词排名是没有作用的。
(2)、H1标签是具有可视性的标题标签
H1标签直观效果就是就是突出文章标题。在网页文章中运用H1标签突出文章标题,可使文章更适宜阅读。
(3)、H1标签不等于title标签
title可以包含H1,H1完全是为了给用户看的,但是搜索引擎也很重视H1,title是给用户和搜索引擎看的。
二、HTML中h2标签
1、对于首页,H2标签可以用在那些不是导航,又在首页调用的栏目上。
2、对于栏目页我们可以把栏目名称设定为H1,其次是侧边栏目,我们可以设定为H2
3、内容页在一般情况下,只有标题一个H1就可以了,但是如果所描述的文章分为很多个部分,那么就要用H2
三、HTML中h3、h4、h5、h6标签
1、h3、h4、h5、h6标签则可以在一个网页中多次出现,但不要随意添加或添加过度。
2、对于大于 h3 以上的 h4 至 h6 标题,可以在适当的地方选用,如版权声明或免责通告等相对比较重要的地方。
3、如果仅仅是为了显示大号或者粗体文本,那么请使用 CSS 样式表来控制,而不要使用标题。
四、HTML中h1到h6标签实例
<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>
</body>
</html>
效果图
- html标签session什么意思(在html页面中取得session中的值的方法)
- laravel 开发自定义组件(解决Laravel blade模板转义html标签的问题)
- html标签的嵌套规则
- html文字标签设置(如何给HTML标签中的文本设置修饰线)
- sql server设置标识列(Sql Server 如何去掉内容里面的Html标签)
- asp.net去除字符串中html标签
- 太鸡贼了,这老小区轻松搞定了停车问题(这老小区轻松搞定了停车问题)
- 节日我在岗|警景相融 平安相伴(节日我在岗警景相融)
- 战 疫 时刻 致敬每一位石化大学的 守护者(战疫时刻)
- 老弄堂里的市井味道(老弄堂里的市井味道)
- 小米音乐可绑定QQ音乐, QQ音乐 真的会消失在小米的设备上吗(小米音乐可绑定QQ音乐)
- 小米Watch S1评测 或许能成为小米冲击高端可穿戴设备的里程碑(小米WatchS1评测或许能成为小米冲击高端可穿戴设备的里程碑)
热门推荐
- 怎么样查找linux的ssl证书(护卫神主机大师Linux添加绑定ssl证书图文教程)
- html5怎么设置红色(详解HTML5如何使用可选样式表为网站或应用添加黑暗模式)
- dedecms提示信息(DedeCms fckeditor编辑器空白无法显示的相关问题)
- vue 表格数据增加修改(vue element实现表格增加删除修改数据)
- java实现数据库备份(MySQL基于java实现备份表操作)
- 面试时紧张该怎么办
- idea集成docker-compose(IDEA 集成 docker 实现远程部署的详细步骤)
- html5菜单栏(html5写一个BUI折叠菜单插件的实现方法)
- canvas怎么压缩图片(使用canvas压缩图片大小的方法示例)
- java温度转换自动识别(Apache Calcite 实现方言转换的代码)