HTML <h1>to<h6>标题标签的作用和使用原则,在线编辑器
HTML的标题,就跟课本中文章的标题的作用类似,都是总领全文,即全文档的作用,告诉读者和搜索工具这个网页的主要内容是什么,方便读者阅读,也方便搜索工具抓取内容。
HTML标题分类
HTML标题从h1~h6分为六种,对搜索工具所呈现出来的重要性依次递减,可以从这六种标题的样式中略见一斑,可以点击实例代码下方的试一试按钮在线查看编辑运行。
HTML标题实例代码
<html>
<body>
<h1>HTML标题h1</h1>
<h2>这是标题h2</h2>
<h3>这是标题h3</h3>
<h4>这是标题h4</h4>
<h5>这是标题h5</h5>
<h6>这是标题h6</h6>
</body>
</html>
代码解析
HTML的标题是块级元素,不是行内元素,从上面实例运行后的输出不难发现这一点,即一个标题是占据着一行。
HTML标题的作用和使用原则
- 一个网页最好只能有一个h1标题,就像文章,一个标题就够了;
- 一个网页可以有多个h2标题,h2标题就像小时候学习文章的主要段落,不宜过多;
- h3~h6的标题因为对搜索工具抓取的重要性依次减弱,应该可以自由发挥,但也不宜过多;
网页标题的使用,重要的是使网页中的内容层次分明,方便阅读,也方便搜索对内容的抓取。