HTML之h1 h2 h3 h4标签知识经验篇
Html中H1、H2、H3、H4标题标签元素教程篇
H1 H2 H3 H4标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。
- H1 H2 H3 H4目录
一、搜索引擎下看h1标题标签 - TOP
针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容。如果你在一个网页中使用的1-2中H型标签中都含有一个相同关键字,搜索引擎也会格外注重你所注重关键字与内容,但切记无滥用。
二、Html h1 h2 h3 h4用法HTML代码片段: - TOP
- <h1>最重要的标题H1</h1>
- <h2>次要栏目或标题-小标题H2</h2>
- <h3>再次要栏目或分类小标题H3</h3>
- <h4>文中分类小标题H4</h4>
三、H型标签案例截图: - TOP
HTML标题标签使用案例截图
在没有赋予H1 H2 H3 H4标签任何CSS样式时候,字体大小h1大于h2大于h3大于h4如上案例截图
四、html标题标签使用原则 - TOP
H1在一个网页中最好只使用一次,如对一个网页唯一标题使用。
H2、H3、H4标签则可以在一个网页中多次出现,但必要随意添加或添加过度。
五、html h1 h2 h3 h4总结 - TOP
在一个网页中可以适当使用h1 h2 h3 h4标签,有利于网页的重点部分突出,同时也利于搜索引擎排名,但切记滥用多用H1 H2 H3 H4标签,适当使用即可,一切从用户体验出发来使用。如果需要控制这些标题标签的大小、背景、宽度、高度、CSS加粗与否都可以通过DIV CSS来实现对其样式重新定义。
使用CSS样式初始化H1 H2 H3 H4标签代码:
H1,h2,h3,h4{font-size:12px; font-weight:normal}
我们初始化了字体大小设置为12px,去除了H1 H2 H3 H4文字加粗样式。根据范例可扩展运用。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h328.shtml
必备CSS教程 Essential CSS Tutorials
- • css height
- • css line-height
- • css width
- • css min-width
- • css max-width
- • css min-height
- • css max-height
- • css border
- • css background
- • css float
- • css clear
- • css display
- • css font
- • css text-transform
- • css英文首字母大写
- • css font-variant
- • css font-weight
- • css font-style
- • css text-decoration
- • css 删除线
- • div css 虚线
- • css 注释
- • html 注释
- • css padding
- • css margin
- • css 文本
- • css font-size
- • css font-family
- • css color
- • css text-align
- • css text-indent
- • css 超链接(css a)
- • css 优化压缩
- • css id(css #)
- • css class(css .)
- • css ul li列表
- • css 圆角圆边
- • css 父级子级
- • css 指针概念
- • css cursor
- • css overflow
- • html px em pt网页单位
- • CSS important
- • CSS position
- • css z-index
- • css white-space
- • css img图片
- • css class id
- • css link与@import区别
- • css 选择器
- • css引入html
必备HTML基础教程 Essential HTML Tutorials
- • html网页结构
- • 显示文件扩展名
- • html标签大全集合
- • html常用标签
- • 网页源代码是什么
- • html字体大小
- • HTML标签如何使用
- • html字体颜色
- • HTML utf-8和gb2312判断使用
- • html 边框虚线
- • html图片显示
- • html空行方法
- • html文件怎么打开
- • html乱码原因
- • div id class使用与区别
- • html标签内style
- • 虚拟主机相关知识
- • 伪静态是什么
- • DOCTYPE对网页起何作用
- • 先写HTML代码还是先写CSS代码
- • HTML5教程
- • html是什么
最新文章NEWS
如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2013-01-04 13:26 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。