html5用来做标题的元素：1、title元素，可以定义文档的标题，语法“网站标题名”；2、h1，h2，h3，h4，h5，h6元素，可定义文档内容中的标题，从h1到h6重要性是递减的。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
html5做标题的元素
1、使用title元素--网站文档的标题
标签定义文档的标题，在所有 HTML 文档中是必需的。<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<p></p>
<title>元素：<ul style="list-style-type: disc;">
<li><p>定义浏览器工具栏中的标题</p>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/xiazai/shouce/1944">
<img src="https://img.php.cn/upload/manual/000/000/008/170917561412278.gif" alt="UNIX技术手册 Unix in a Nutshell, 4th Edition 英文PDF文字版">
</a>
<div class="aritcle_card_info">
<a href="/xiazai/shouce/1944">UNIX技术手册 Unix in a Nutshell, 4th Edition 英文PDF文字版</a>
<p>Unix in a Nutshell同时涵盖了许多重要的、业界标准的开放源码工具 本书还完整地讨论了常用的shell(bash、ksh及tcsh)和重要元素如正则表达式，乃至旧式工具如sed、awk与vi。 Unix不是一个庞大的物体：它是一个综合体，而《Unix技术手册》则是将这一切合并在一起的一本书。 到底unix是什么?原始的unix源码是由sco拥有，unix注册商标是由open group拥有，而领先的仿unix系统则是gnu／linux、mac os x及solaris。这些版本所附的命令与选</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="UNIX技术手册 Unix in a Nutshell, 4th Edition 英文PDF文字版">
<span>11</span>
</div>
</div>
<a href="/xiazai/shouce/1944" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="UNIX技术手册 Unix in a Nutshell, 4th Edition 英文PDF文字版">
</a>
</div>
</li>
<li><p>提供页面被添加到收藏夹时的标题</p></li>
<li><p>显示在搜索引擎结果中的页面标题</p></li>
</ul><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
...
</body>
</html></pre><div class="contentsignin">登录后复制</div></div><p><img src="https://img.php.cn/upload/image/464/449/197/1641888737445495.png" title="1641888737445495.png" alt="1.png"></p>
<p><strong>2、使用<h1> to <h6>标签--文档内容的标题</h6>
</h1></strong></p>
<p>为了使网页更具有语义化，经常会在页面中用到标题标记，HTML提供了6个等级的标题，即</p>
<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>重要性递减。<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html></pre><div class="contentsignin">登录后复制</div></div></h6>
</h1>
</h6>
</h5>
</h4>
</h3>
</h2>
</h1>
<p><img src="https://img.php.cn/upload/image/927/935/964/1641888824845456.png" title="1641888824845456.png" alt="2.png"></p>
<p>相关推荐：《<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">html视频教程</a>》</p>
以上就是html5用什么元素做标题的详细内容，更多请关注php中文网其它相关文章！
广告
收藏
650
