认识HTML中h1 h2 h3 h4标签

h1 h2 h3 h4标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。

一、搜索引擎下看h1标题标签  

针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容。如果你在一个网页中使用的1-2中H型标签中都含有一个相同关键字,搜索引擎也会格外注重你所注重关键字与内容,但切记无滥用。

二、Html h1 h2 h3 h4用法HTML代码片段: 

最重要的标题H1

次要栏目或标题-小标题H2

再次要栏目或分类小标题H3

文中分类小标题H4

三、html标题标签使用原则   

H1在一个网页中最好只使用一次,如对一个网页唯一标题使用。
H2、H3、H4标签则可以在一个网页中多次出现,但必要随意添加或添加过度。

四、html h1 h2 h3 h4总结   

在一个网页中可以适当使用h1 h2 h3 h4标签,有利于网页的重点部分突出,同时也利于搜索引擎排名,但切记滥用多用H1 H2 H3 H4标签,适当使用即可,一切从用户体验出发来使用。如果需要控制这些标题标签的大小、背景、宽度、高度、CSS加粗与否都可以通过p CSS来实现对其样式重新定义。

使用CSS样式初始化H1 H2 H3 H4标签代码:
H1,h2,h3,h4{font-size:12px; font-weight:normal}
我们初始化了字体大小设置为12px,去除了H1 H2 H3 H4文字加粗样式。根据范例可扩展运用。

立即学习“前端免费学习笔记(深入)”;

以上就是认识HTML中h1 h2 h3 h4标签的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545103.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 16:34:06
下一篇 2025年12月21日 16:34:15

相关推荐

  • 认识html px em pt长度单位的用法

    html px em pt单位区 一、PX\EM\PT单位介绍    –   TOP px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的国内推荐;em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸,国外使用比较多;扩展阅读:html em标签,html …

    好文分享 2025年12月21日
    000
  • 认识HTML 加粗标签

    html b加粗标签元素知识与使用教程篇 一、语法与结构:    –   TOP PHP中文网 二、Html b加粗标签使用说明:    –   TOP 加粗标签元素告诉浏览器把其加b标签的文本以粗体方式显示给浏览者。对于所有浏览器来说,这意味着要把这段文字加粗(粗体)样式方…

    好文分享 2025年12月21日
    000
  • html页面自动跳的实现方法介绍

    1.1方法一        直接在 标签内添加标签。代码如下: 1.2方法二        使用JS setTimeout函数定义经过指定毫秒值后执行某一表达式。代码如下: setTimeout(function (){ location.href=” res.html “; },3000); //…

    好文分享 2025年12月21日
    000
  • html中关于marquee标签的详细介绍

    1.1概述        页面实现自动滚动效果的方式有两种,方式一由js来实现,方式二利用html marquee标签来实现。        html marquee标签的作用是在一个区域插入滚动的文本,使用html marquee标签不仅可以移动文字,也可以移动图片,表格等。注意:在html和ht…

    好文分享 2025年12月21日
    000
  • 认识HTML 加粗粗体标签

    HTML strong加粗粗体标签元素 一、语法与结构:    –   TOP   二、Html strong加粗标签使用说明:    –   TOP 加粗标签元素告诉浏览器把其加strong标签的文本以加粗方式显示给浏览者。对于所有浏览器来说,这意味着要把这段文字加粗呈现给…

    好文分享 2025年12月21日
    000
  • 认识html 加粗与加粗的差别

    html b加粗与strong加粗标签区别在哪 1、html b与strong加粗标签区别加粗标签与加粗标签区别在于前者只有1个字符,后者6个字符字母标签。 2、b与strong用法区别 Html b与html strong加粗标签用法没有区别,一般想节约字节字符就用b加粗标签,建议大家不要刻意追求…

    好文分享 2025年12月21日
    000
  • 认识HTML 强调标签

    html em强调标签元素知识教程与html em标签实例讲解应用篇 一、EM标签语法与结构:    –   TOP 二、Html em强调标签使用说明:    –   TOP 标签(html em强调标签)告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着…

    好文分享 2025年12月21日
    000
  • 认识HTML 斜体标签

    html 斜体标签元素 一、html斜体语法与结构:    –   TOP html i标签使用语法:   二、Html I斜体标签使用说明:    –   TOP 斜体标签元素告诉浏览器把其加i标签的文本以斜体方式显示给浏览者。对于所有浏览器来说,这意味着要把这段文字加斜体…

    好文分享 2025年12月21日
    000
  • HTML 下划线标签

    html 下划线标签元素 一、语法与结构    –   TOP 我们使用u标签对文字设置下划线样式 扩展阅读:css 下划线 二、Html U下划线标签使用说明    –   TOP 下划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。对于所有浏览器来说,这意…

    好文分享 2025年12月21日
    000
  • html中单选框样式自定义的示例

    html中单选框样式自定义的示例: Title .choice{ position: relative; } .choice .radio{ position: relative; display: inline-block; font-weight: 400; color: #0c4757; pa…

    好文分享 2025年12月21日
    000
  • html中input输入框修改后自动跳到最后一个字符的实例

    html中input输入框修改后自动跳到最后一个字符的实例 有三个事件,一个onpaste用来禁止粘贴,剩下两个用来去掉特殊的字符,原因出在replace,replace替换后会像重新输入一样,所以光标会在最后 解决,把replace事件在失去光标的时候触发 以上就是html中input输入框修改后…

    好文分享 2025年12月21日
    000
  • html中关于头部标签的总结

      head 元素包含了所有的头部标签元素,可以添加在头部区域的元素标签为:   、、、、、、  下面将一一解释各标签的作用 立即学习“前端免费学习笔记(深入)”; 用于定义不同文档的标题 定义浏览器工具栏的标题 当网页添加至收藏夹,显示在收藏夹中的标题 显示在搜索引擎结果页面的标题 Dbsite企…

    2025年12月21日
    000
  • HTML中头部标签的用法

      head 元素包含了所有的头部标签元素,可以添加在头部区域的元素标签为:   、、、、、、  下面将一一解释各标签的作用 立即学习“前端免费学习笔记(深入)”; 用于定义不同文档的标题 定义浏览器工具栏的标题 当网页添加至收藏夹,显示在收藏夹中的标题 传媒公司模板(RTCMS)1.0 传媒企业网…

    2025年12月21日
    000
  • html中布局标记与列表标记的图文详解

    布局标记 首先要介绍的布局标记是p标记,p可以做网页的层也可以做网页的分区。当p做网页的层时可以实现漂浮在网页上的效果,就像我们经常可以在网站里看见的那些漂浮广告。p做网页的分区时,则是可以布置网页的格局,把一个网页分为多个模块,由这些模块结构来构建出一个网页。p里有一个style属性这个属性是用来…

    2025年12月21日 好文分享
    000
  • html实现页面静态化的案例

    静态化文件位置注意: 实体类定义: public class News {private String title;private String pubTime;private String category;private String newsContent;public String getT…

    2025年12月21日
    000
  • html中Form表单提交时页面不跳转的方法详解

    1.1 解决方案一        表单action提交数据,但页面不跳转,可以使用iframe解决。实例: Form提交表单页面不跳转 账户: 密码: 注意:Form元素的target属性一定是指定要显示返回结果的iframe元素的name属性。            Iframe元素可以放到bod…

    好文分享 2025年12月21日
    000
  • HTML的head标记符有哪些

    html> 以上就是HTML的head标记符有哪些的详细内容,更多请关注创想鸟其它相关文章!

    好文分享 2025年12月21日
    000
  • 认识标签

    html 标签元素认识 以下是创想鸟为大家通俗介绍标签用法与意义。 一、用法:    –   TOP 在HTML静态网页中,可以看见每个网页具有唯一开始结束,也就是标签。 二、意义:    –   TOP 感觉标签在网页中没有什么作用,但的确又不能少。超文本标记语言规定以开始…

    好文分享 2025年12月21日
    000
  • 认识html 标签的用法

    html span标签元素语法与用法(标签教程篇) html span标签目录 语法与结构 span标签用法说明 span标签应用案例 立即学习“前端免费学习笔记(深入)”; 实例截图 总结 一、span语法与结构    –   TOP 内容 二、span标签使用说明    &#8211…

    好文分享 2025年12月21日
    000
  • html移动端固定悬浮半透明搜索框的实现方法介绍

     question. 问题 在移动端商城系统中,我们常常看到位于页面顶部有一个搜索框,这类搜索框博主比较喜欢的是固定在页面顶部,半透明悬浮,能依稀看见部分轮播图的形式。 要制作这样的搜索框,技术关键在于: fixed 搜索框定位 opacity 设置透明度 立即学习“前端免费学习笔记(深入)”; S…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信