h1、h2、h3标签如何使用,以实例网站进行说明

云南货架网,企业网站。顶部全站调用一个h1,首页使用独立的h2,每个频道页面用自己独立的h2;西华通讯手机在线销售b2c,h1,h2在顶部全站通用

h1、h2、h3标签如何使用,以实例网站进行说明

学会合理的使用heading标签应该算做是使用符合w3c的义语Xhtml进行页面构架的第一步。今天正好就朋友问起我h1标签的用法,那么我来说说我的习惯。

首先我要知道,什么是heading标签?

heading是h1,h2,h3,h4,h5,h6 这六个Xhtml标签的统称,既标题的意思。六个标签的权重由大到小,既h1为大标题,h6为最小的标题。

写法为<h1>内容</h1>;heading标签均为块级元素(block),其嵌套规则在XHTML标签的嵌套规则一文中有提到过。

为什么要使用heading标签?

在珍爱生命 远离“DIV”+ CSS 一文中我们说到,所谓div+css,其实只是我们通俗的叫法,正确的叫法应该是Xhtml+css。

我们所使用到的标签,都应该是有含义的:比如ul是无序列表,适合做新闻列表;ol是有序列表,适合做排行版;del是删除线,适合用来放 b2c的“原价”;address里放的是地址;blockquote大段引用…其它义语标签的用法,在这里暂不一一列举,等等这些,为得是能让搜索引擎 知道,这些内容到底是什么意思,也算是比较浅显的所谓人机交互。

义语标签对于SEO的重要性大家都很明白,那么heading标签,顾名思义,标题!它们的重要性大家可想而知。

heading标签是用来诠释整个网站、频道、栏目甚至文章段落的标签。

关于heading标签的用法,网上众说纷纭,我参考了官方的说明及结合了许多网站的构架、优化经验,总结了一套自己认为合理的使用方法,仅供参考。

以下方法适用于行业门户网站、购物商城、企业网站等类型的站点。如像新浪、网易那样的大站,可以把其诸如旅游频道、科技频道等栏目理解为一个独立网站。

h1,h2,h3 的用法:

h1 — 大标题,放置于首页顶部区域,通常即导航以上的部分,全站通用,用来诠释整个网站的内容,应包含网站主关键字,但切忌不要进行关键字堆砌。最好是在网页源代码的body标签一开始的第一个容器中第一行出现。且保证一个页面中只出现一次。

h2 — 副标题,每个页面出现的次数以1-3次为宜。

首页:同h1,放置于主头部区域,于h1的下方,全站调用,同样用于概括整站的内容。或者在头部通用区域的下方,首页内容的开头或者中间部分使用一次,用于诠释首页的内容。

子频道页:无论顶部区域是否出现过一次h2,可结合实际情况在头部通用区域的下方,页面内容的开头部分使用一次,用于诠释频道页面的内容。

(以上2种方法可以任选其一,也可以同时并存)

文章/产品内页:文章的标题使用h2标签。

按以上方法,h2标签最多会被使用到3次,但是请少使用1次。据以往经验来看,文章/产品内页使用h2标签效果显著。

设计师在进行页面设计的时候就应该实现构思好heading标签的放置位置。这是云南电玩网的顶 部设计。其中首页body中代码的一开始就出现了h1标签,内容为“云南电玩网,昆明电玩在线购物商城”。紧接着logo用的是h2标签,插

以香格里拉旅投集团为例,首页及内页的栏目标题均使用h3标签。至于h3的使用次数,没有明确的规定,大家用到该用的地方就行。刚才说道h2适用于文章内页的文章标题上,那么h3我通常也用到文章的分段标题上,如本文一开始的“首先我要知道,什么是heading标签?”等。

以上主要讲述了h1-h3这3个heading标签的用法,至于h4-h6,并没有前3个那么常用,大家只要记得它们的权重为降序,举一反三即可。

heading标签的用法很灵活,jason在这里也只是抛砖引玉,后续的文章中我们会逐一分享到title的调用方法及strong与heading的区别等一些列SEO知识,敬请期待。

本文来自投稿,不代表【】观点,发布者:【

本文地址: ,如若转载,请注明出处!

举报投诉邮箱:253000106@qq.com

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年5月6日 15:13:49
下一篇 2024年5月6日 15:15:57

相关推荐

  • java自定义标签实时搜索引擎,java自定义标签实时搜索引擎有哪些

    java中的map怎么根据key值修改value值? 1、map集合没有专门更改value的方法,更改value的方法就是map.put(key,value),更改就是直接替换,比如想改变key是1,value是一的组合,就是map.put(1,壹),直接替换就行。 2、map存值就类似于往一个瓶子中放东西,而key就是标签,value就是其中放的东西,而取…

    2024年5月19日
    4300
  • c语言游戏编程pdf,c语言游戏编程实例

    c语言游戏代码大全(收录100多款经典游戏源码) 1、Step3:编译源码 使用C语言编译器(如GCC)编译源码,生成可执行文件。Step4:运行游戏 运行生成的可执行文件,开始游戏。 2、首先,我们需要了解C语言的一些基本概念和语法。C语言是一种高级编程语言,它使用一些关键字和运算符来执行各种操作。 3、本原代码是基于C语言的原程序。是经典中的小游戏。 4…

    2024年5月19日
    3400
  • c语言高级编程及实例剖析pdf,c语言高级程序代码

    C语言的经典编程例子 //最经典的当然是HelloWorld了。 打印出所有的“水仙花数”,所谓“水仙花数”是指一个三位数,其各位数字立方和等于该数本身。例如,153是一个“水仙花数”,因为153=1^3+5^3+3^3。 题目01:在一个已知的字符串中查找最长单词,假定字符串中只含字母和空格,空格用来分隔不同的单词。直接编译,程序执行结果如下图所示:题目0…

    2024年5月19日
    4300
  • excel2010如何设置宏,如何使用设置excel 宏

    excel2010怎么启用宏? 1、首先打开 Excel2010,点击右上角“文件”按钮。接着打开“选项”。然后打开“信任中心”-信任中心设置“。系统默认的是”禁止所有宏,并发出通知”。这里把它改到”启动所有宏“,这样就可以启动宏了。 2、在表格中,打开文件选项。在菜单中,打开选项。在信任中心项目栏中,打开信任中心设置选项。点击屏幕右边的信任中心设置按钮。点…

    2024年5月19日
    5000
  • excelvba入门,excelvba入门与典型实例

    EXCEL中的VBA好难啊,对与一个新人,应该从何学起呢?如果我想一次性在E… 学以致用,不要为了学而学。工作中遇到的问题需要用到VBA的尽量用VBA,一方面提高工作效率,另一方面是练功; 多问多上网搜索。正常在使用VBA过程中的一些问题在网上都应该可以找到参考,有些甚至可以直接拿过来用。 如果真的是新人的话,就买2010应用大全吧,这本书更多从…

    2024年5月19日
    7000
  • 黑客怎么学习壁纸ipad,ipad如何使用黑客技术

    ipad怎么设置动态壁纸 进入ipad的设置页, 点击【墙纸】,在右侧点击【选取新墙纸】。接着点击【动态墙纸】。选择壁纸后,点击右下角的【设定】即可。 在iPad屏幕上打开设置图标。进入iPad设置页面,点击打开墙纸选项。点击打开选取新的墙纸。在打开的页面中,点击动态墙纸。在动态墙纸页面中,选择想要的动态墙纸。 打开苹果iPad电脑界面,在苹果iPad电脑桌…

    2024年5月19日
    9800
  • linux块设备驱动实例,linux 块设备

    linux下如何开发sdio设备驱动? 1、打开设备文件。int fd=open(”/dev/video0″,O_RDWR); 取得设备的capability,看看设备具有什么功能,比如是否具有视频输入,或者音频输入输出等。 2、Linux device driver 的概念系统调用是操作系统内核和应用程序之间的接口,设备驱动程序是操作系统内核和机器硬件之间…

    2024年5月18日
    4200
  • 如何使用java锁机制,java 锁机制

    如何处理java高并发问题 1、高并发最直接的解决方案就是使用多线程,多线程的使用是一门学问一两句道不清建议去实战学习一下,推荐书目:《Java并发编程实战》。此外还要考虑数据库的优化和架构的调优。 2、Java开发高并发的处理方法:最基础的地方做起,优化我们写的代码,减少必要的资源浪费 避免频繁的使用new对象,对于整个应用只需要存在一个实例的类,我们可以…

    2024年5月18日
    4500
  • php权限设计仿linux,php用户权限代码实例

    php调用linux命令更改文件权限 1、你可以使用定时任务执行你要调用的php,这时的权限就是root,php通过函数system()调用系统命令。 2、你应该学一下linux一些最基本的命令,比如chmod,这个命令是修改目录和文件权限的。 3、php执行linux的命令用system或exec就可以,只要打开safemode,但是一些系统底层的没有执行…

    2024年5月18日
    3400
  • c语言迭代法实例,用c语言写简单迭代法

    C语言循环结构-迭代 分析:定义迭代变量为 n ,按照角谷猜想的内容,可以得到两种情况下的迭代关系式:当 n 为偶数时, n=n/2 ;当 n 为奇数时, n=n*3+1。 循环结构是三种基本程序结构之一。它通过一定的条件控制动作脚本中某一语句块反复执行,当条件不满足时就停止循环。这种程序结构对实现交互性的影片有着举足轻重的作用,在制作动画时,我们经常使用这…

    2024年5月18日
    2700

发表回复

登录后才能评论



关注微信