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的标题因为对搜索工具抓取的重要性依次减弱,应该可以自由发挥,但也不宜过多;

网页标题的使用,重要的是使网页中的内容层次分明,方便阅读,也方便搜索对内容的抓取。



全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.