【摘要】：设置后的标题不在浏览器正文中显示，而在浏览器的标题栏中显示。元素在所有HTML文档中是必需有的。在接下来的内容中，将通过一个具体实例来讲解设置页面标题的方法。目前所有的主流浏览器都支持<title>标签。另外，搜索引擎的搜索结果也是页面的标题。title标签对于提高网站的排名起到非常重要的作用。尽管如此，有很多人对于怎样去构造一个合适的title还不是很清楚。网页标题是目前公认的影响排名的最重要因素之一。
</div>
<div class="article_content" id="article_content">
<p class="imgMeta"><img src="/attached/postmeta/313390/2050961.jpg" alt="HTML5开发-设置页面标题"></p>
<p>设计的网页需要有一个题目，和其他题目一样，这个标题需要高度概括这个页面的内容。设置后的标题<a href="https://www.xing528.com/lilun/1544401.html" target="_blank" class="keywordlink">不在</a>浏览器正文中显示，而在浏览器的<a href="https://www.xing528.com/lilun/1284147.html" target="_blank" class="keywordlink">标题栏</a>中显示。在HTML 5中，使用<title>标签定义文档的标题。<title>元素在所有HTML文档中是必需有的。</p>
<p>在页面中定义页面标题的代码如下。</p>
<p><img class="pic" alt="978-7-111-53392-4-Part02-24.jpg" src="https://www.xing528.com/attached/image/20230913/313390/27eaa7ba-6b36-4b81-9b48-e9f642409b68.jpg"></p>
<p>在接下来的内容中，将通过一个具体实例来讲解设置页面标题的方法。</p>
<p><img class="pic" alt="978-7-111-53392-4-Part02-25.jpg" src="https://www.xing528.com/attached/image/20230913/313390/023885ec-357d-489a-a3ac-74db05774317.jpg"></p>
<p>实例文件3.html的主要代码如下。</p>
<p><img class="pic" alt="978-7-111-53392-4-Part02-26.jpg" src="https://www.xing528.com/attached/image/20230913/313390/1d396280-75f9-4688-8fe6-0d6b15ff7e5e.jpg"></p>
<p>执行后的效果如图2-3所示。(www.xing528.com)</p>
<p>目前所有的主流浏览器都支持<title>标签。网页标题和一本书的书名一样，是这本书所讲内容的高度概括。<a href="https://www.xing528.com/lilun/1700578.html" target="_blank" class="keywordlink">读者</a>在看一本书的时候最先判断其所讲内容也是从标题入手的。同样的道理，<a href="https://www.xing528.com/lilun/1675546.html" target="_blank" class="keywordlink"><a href="https://www.xing528.com/lilun/1708553.html" target="_blank" class="keywordlink">搜索</a>引擎</a>了解一个网页内容也是从标题入手的。搜索引擎读到一个网页的第一部分内容就是标题。</p>
<p><img class="pic" alt="978-7-111-53392-4-Part02-27.jpg" src="https://www.xing528.com/attached/image/20230913/313390/bf238557-1572-4a60-898e-cfc0c60b1fd0.jpg"></p>
<p>图2-3 执行效果</p>
<p><span class="bold">注意——网页标题的重要性</span></p>
<p>给网页加上标题后，会给浏览网页者带来方便。另外，搜索引擎的搜索结果也是页面的标题。由此可见，HTML页面中的标题是十分重要的。title标签对于提高网站的排名起到非常重要的作用。尽管如此，有很多人对于怎样去构造一个合适的title还不是很清楚。</p>
<p>网页标题是目前公认的影响排名的最重要因素之一。标题诠释一个网页“是什么”，“关于什么”。是帮助搜索引擎判断一个网页内容的第一因素。</p>
</div>
<div class="rights">
<p>免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。</p>
<p><a href="https://www.xing528.com/lilun/970541.html" style="color: red">我要反馈</a></p>
</div>
</div>
<div class="related">
<h4>
有关<a style="color: #1810ff" href="https://www.xing528.com/paramet/313390.html" target="_blank">HTML5开发从入门到精通</a>的文章
</h4>
<ul id="xgul">
</ul>
</div>
</div>
<!--@ mainl-->
<div class="mainr">
<div class="widget widget_previous">
<h4>相关推荐</h4>
<ul>
<li><a href="https://www.xing528.com/lilun/2050960.html" title="HTML5开发：页面元信息设置" target="_blank">HTML5开发：页面元信息设置</a></li>
<li><a href="https://www.xing528.com/lilun/2050962.html" title="HTML5开发中的设置页面正文" target="_blank">HTML5开发中的设置页面正文</a></li>
<li><a href="https://www.xing528.com/lilun/2050963.html" title="HTML5开发：页面分栏设计" target="_blank">HTML5开发：页面分栏设计</a></li>
<li><a href="https://www.xing528.com/lilun/2050959.html" title="HTML5开发必备：设置文档类型" target="_blank">HTML5开发必备：设置文档类型</a></li>
<li><a href="https://www.xing528.com/lilun/1388957.html" title="如何设置页面尺寸？ - 页面布局设置" target="_blank">如何设置页面尺寸？ - 页面布局设置</a></li>
<li><a href="https://www.xing528.com/lilun/1340650.html" title="如何设置页面格式？" target="_blank">如何设置页面格式？</a></li>
<li><a href="https://www.xing528.com/lilun/2050954.html" title="HTML5开发从入门到精通—网页属性设置" target="_blank">HTML5开发从入门到精通—网页属性设置</a></li>
<li><a href="https://www.xing528.com/lilun/1380479.html" title="GraphicalEditing页面设置详解" target="_blank">GraphicalEditing页面设置详解</a></li>
<li><a href="https://www.xing528.com/lilun/1380478.html" title="如何设置General页面？" target="_blank">如何设置General页面？</a></li>
<li><a href="https://www.xing528.com/lilun/1762641.html" title="页面设置及页眉格式设置" target="_blank">页面设置及页眉格式设置</a></li>
<li><a href="https://www.xing528.com/lilun/1380480.html" title="Complier页面设置方法" target="_blank">Complier页面设置方法</a></li>
<li><a href="https://www.xing528.com/lilun/1380481.html" title="设置BreakWire页面的方法" target="_blank">设置BreakWire页面的方法</a></li>
<li><a href="https://www.xing528.com/lilun/2050969.html" title="HTML5开发：email类型" target="_blank">HTML5开发：email类型</a></li>
<li><a href="https://www.xing528.com/lilun/2050958.html" title="HTML5开发：Dreamweaver简介" target="_blank">HTML5开发：Dreamweaver简介</a></li>
<li><a href="https://www.xing528.com/lilun/1294526.html" title="布局页面设置优化策略" target="_blank">布局页面设置优化策略</a></li>
<li><a href="https://www.xing528.com/lilun/2050998.html" title="HTML5开发-使用sessionStora" target="_blank">HTML5开发-使用sessionStora</a></li>
<li><a href="https://www.xing528.com/lilun/1296158.html" title="设计规则设置页面的优化方法" target="_blank">设计规则设置页面的优化方法</a></li>
<li><a href="https://www.xing528.com/lilun/2050971.html" title="HTML5开发-数量类型" target="_blank">HTML5开发-数量类型</a></li>
</ul>
</div>
</div>
</div>
</div>
<script src="https://www.xing528.com/2020/zb_users/theme/qk_xmh/script/bottom.js" type="text/javascript"></script>
<div id="jz52top">
<span>
<div style="DISPLAY: none" id="goTopBtn">
<a title="返回顶部" class="jz52topa"><b>返回顶部</b></a>
</div></span>
<script type="text/javascript">goTopEx();</script>
</div>
<div class='copystart'>
</div>
<div class="warning_in" style="cursor: pointer">
<ul><li>
<a onclick="openAi()" target="_blank"><img alt="chatAI在线使用" src="https://www.xing528.com/2020/icon/chat.png"></a>
</li></ul>
</div>
<script src="https://www.xing528.com/2020/zb_users/theme/qk_xmh/script/scriptfile.js" type="text/javascript"></script>
</body>
</html>
