在遵循网页标准制作网页的时候,为了使得设计更具有语义化,我们经常会在页面中用到h1~h6的标题属性。我们都知道标题几乎是所有文章都会有的要素,也是我们用以识实与索引文章的重要元素。
h1,在浏览器中显示最大,那么自然用来表示最大的标题,对于一个网站来说哪个标题才是最大的?是LOGO,我们通常会在网站的最前面先标注这个网站的名称。所以h1就用来放LOGO,当然如果你的网站没有LOGO,只有一个网站名称,那也可以,并且需要注意的是网页中h1只能出现一次。园子并不推荐您直接在h1里面放个图片,我们完全可以通过以图换字来实现,具体方法:以图换字方法和思路 。
当h1找到了专用的功能后,在平时的设计中h2~h4一般用在网页中出现的版块标题上。例如一个网页中有个栏目是产品展示,那么这个写法就是<h2>产品展示</h2>,如果产品展示里面还分有几个类型,那么我们可以这样定义:<h3>食品类</h3>,<h3>医药类</h3>等等依次类推。需要注意的是书写顺序要从高到低依次书写。另外就是h2~h4不局限于出现的次数,你可以无限制使用。
h5与h6在浏览器默认显示字体是小于正常文本字体的。那么推荐h5与h6只作为免责声明或是版权通告来使用。这样即表明重要性,又不会太过明显影响阅读。
对于标题标签的使用尽可能的注意一下他们之间的等级关系。当然标题的使用还是需要根据实际使用来决定。这里只是给出个建议。标题标签是块线元素,但是他并不能再包含块级元素了,只能包含内联的元素,比如链接、图像,换行之类的。记得有个朋友前两天在文章中提到过关于标题的内容,但是写法就有错了,他把链接写在了H1标签的外面,把H1包起来了,这样的写法是不推荐的。也不符合标准思维容易给以后的学习产生不好导向。
分享到:
相关推荐
[HTML][中文][初學]__06._文字標籤_h1~h6,_p_與_span
在网页中HTML专门用来负责网页的结构,所以在使用html标签时,应该关注的是标签的语义,而不是它的样式标题标签: h1 ~ h6 一共有六级标题 从h1~h6重要性递减,h1... 一般情况下标题标签只会使用到h1~h3,h4~h6很少用
这个插件根据选定的目录内容中的 h1, h2, h3, h4, h5, h6 标签来自动生成目录插入到选定的目录容器中,并且提供一个漂亮的样式效果
提取html中的h1-h6到excel C# project
本文实例讲述了jQuery实现获取h1-h6标题元素值的方法。分享给大家供大家参考,具体如下: 1、问题背景: 查找到h1-h6,并遍历它们,打印出内容 2、实现代码: <!DOCTYPE html> <html> <head> <...
因为默认的 MVC 的样式文件里对于的 table 和 其他相关样式(h1~h6) 与Coolite有冲突,会导致GridPanel走样,大家记得先把那个table 和 h1~h6的样式清除掉才看到GridPanel的帅脸面 … 项目文件分布: 关于...
长城哈弗H1蓝标汽车使用手册用户操作说明书pdf电子版下载
长城哈弗H1红标汽车使用手册用户操作说明书pdf电子版下载
XHTML的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱...
对css里的元素如:html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, ...
outline.js 会自动查找文章指定区域中的所有 h1~h6 的标签,并自动分析文章段落间的层次结构,生成文章的导读导航。 原生 JavaScript 编写,无需任何依赖; 支持 UMD 规范; 支持 E6 模块,提供功能独立的 ES6 模块...
HASSELBLAD哈苏H1D使用说明书.pdf
h1~h6(一共有六级标签) h1在网页中的重要性仅次于title,一般情况下一个页面只会有一个h1 一般情况下标题标签只会使用到h1~h3 标题标签都是块元素 块元素(Black element):在页面中独占一行的元素 块元素: 在...
在我的日常开发中,我最常用到的H1~H4。今天还是建议大家把H1~H6都用到。
2020H1中国直播电商用户使用直播电商购物原因调查.xls
2022H1综艺网播表现及用户分析.pdf 2022H1综艺网播表现及用户分析.pdf 2022H1综艺网播表现及用户分析.pdf 2022H1综艺网播表现及用户分析.pdf 2022H1综艺网播表现及用户分析.pdf 2022H1综艺网播表现及用户分析.pdf ...
基于HTML+CSS+JS实现静态的校园类博客,一共有六个页面,很适合拿来做期末课程大作业
JavaWeb新版教程-html&CSS-L和CSS-标题标签h1 - h6.avi
除了inline和block的定义,主要是要注意 body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size)。这个东 西在你需要还原默认值的时候,比较有用。 详见下面的内容: 复制代码代码如下: html,...