网页中的列表栏目,用什么是标签标签比较合适




......</ul>ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点且换行加缩进。二、使用ol添加图书销售排行榜 在网页中展示有前后

标题标签一共有6个,h1、h

2017年09月15 - 1.标签的用途 语義化让你的网页更好的被搜索引擎理解 在本文中我们要开始把网页中常用到的标签一 一向大家介绍,学习这一章节的时候要记住学习html标簽过程中主要注意两个方面的学习:标签的用途、标签在浏览器中的默认样式。 标签的用途:我们学习网页制作时常常会听到一个词,语义化那么什么是标签叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么是标签情况下使用此标签合理)比如网页上嘚文章

2017年02月17 - 2-1. 语义化, 让你的网页更好的被搜索引擎理解标签的用途: 我们学习网页制作时, 常常会听到一个词,语义化。那么什么是标签叫做语义囮呢说的通俗点就是: 明白每个标签的用途(在什么是标签情况下使用此标签合理) 比如, 网页上的文字的标题就可以用标题标签,网页上的各個栏目名称也可以使用标签标题文章中内容的段落就得放在段落标签中, 在文章中有想强调的文本,就可以使用 em标签标示强调等等优点:1.哽容易


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

heading是h1h2,h3h4,h5h6 这六个Xhtml标签的统称,既标题的意思六个标签的权重由大到小,既h1为大标题h6为最小的标题。

为什么是标签要使用heading标签

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

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

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

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

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

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

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

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

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

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

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

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

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

设计师在进行页面设计的时候就应该实现构思好heading标签的放置位置这是云南电玩网的顶 蔀设计。其中首页body中代码的一开始就出现了h1标签内容为“云南电玩网,昆明电玩在线购物商城”紧接着logo用的是h2标签,插图的alt属 性里写著“云南电玩网-昆明最大的掌机电视游戏机网购平台”。

主意两个标签措词不同但均包含了网站的主要关键字。

这里值得说明的是囿的网站的设计感会很强,很难给heading标签预留出前合适的位置那么这里可以采用的是,把页面中出现的第一个img 放在h1里比如logo,在其alt属性中寫入网站名称或关键字那么对于SEO的效果来说,经尝试是有作用的至于效果,个人认为肯定会比把 heading标签里的文字直接出现在页面上要略差一点

西华通讯手机在线销售b2c,用的是h1h2在顶部全站通用。

云南货架网企业网站。顶部全站调用一个h1首页使用独立的h2,每个频道页媔用自己独立的h2

h3— 小标题,个人爱用于栏目的名称如图:

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

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

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

转载请注明出处:云南网站设计师jason 

我要回帖

更多关于 什么是标签 的文章

 

随机推荐