欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  网络运营

提升网站质量教程(2):重要的HTML元素

程序员文章站 2022-12-11 15:10:28
对于提升 web 品质,DOCTYPE、title以及h1都是重要的标签。 对于提升 web 品质, 以及 <h1> 都是重要的标签。 <D... 09-04-02...</div> <div class="content"> <p> 对于提升 web 品质,doctype、title以及h1都是重要的标签。 </p> <p><strong>对于提升 web 品质,<doctype>、<title> 以及 <h1> 都是重要的标签。</strong></p> <doctype> 元素 <p>doctype means a "document type declaration" (dtd).</p> <p>所有的 html 和 xhtml 页面都应当使用 <doctype> 元素来定义遵照何种 html 版本。</p> <p>doctype 定义了您正在使用的 html 版本,并为浏览器提供重要的信息以便其更快速一致地呈现您的页面。</p> <p>文档类型声明同时也使验证软件可以对页面的语法进行检查:</p> html 4.01 strict, transitional, frameset <pre><!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <!doctype html public "-//w3c//dtd html 4.01 frameset//en" "http://www.w3.org/tr/html4/frameset.dtd"> </pre> xhtml 1.0 strict, transitional, frameset <pre><!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <!doctype html public "-//w3c//dtd xhtml 1.0 frameset//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd"> </pre> xhtml 1.1 dtd <pre><!doctype html public "-//w3c//dtd xhtml 1.1//en" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> </pre> <title> 元素 <p><title> 元素是最重要的 html 元素之一。它的主要功能是描述网页的内容。</p> <p>即使标题不是网页的一个可见的部分,它对于提升网站的品质依然是重要的,这是因为它在以下位置都是可见的:</p> 搜索引擎列表 窗口的标题栏 用户的书签中 <p>标题应当尽可能地短,并具有可描述性。</p> <p>当某个用户在 internet 上搜索网站时,大部分搜索引擎都会在搜索结果中显示出网站的标题。请确保标题与网页的内容是吻合的。这样的话用户有更多的可能通过点击这些链接来访问到你的网站。</p> <p>当用户访问您的网站时,在窗口的标题栏中标题是可见的。请确保即使窗口被最小化,标题同样能起到描述网站内容的作用。</p> <p>在用户访问你的网站之后,网页的标题会存储于历史文件夹(用户甚至会把网页收藏到他的收藏夹中)。为了后续的成功访问,同样请确保标题可以清楚地描述您的网站。</p> 优秀的标题: <pre><title>html 教程</title> <title>xml 简介</title> </pre> 差劲的标题: <pre><title>简介</title> <title>章节 1</title> <title>w3school 拥有一整套组织良好、易于理解的 html、css、javascript、 dhtml、xml、xhtml、wap、asp、sql 教程,并包含非常多实例和源代码。</title> </pre> <h1> 元素 <p><h1> 元素用来描述网页中最上层的标题。</p> <p>由于一些浏览器会默认地把 <h1> 元素显示为很大的字体,因此会有一些 web 开发者使用 <h2> 元素代替 <h1> 元素来显示最上层的标题。这样做不会对读者产生影响,但会使那些试图“理解网页结构”的搜索引擎和其他软件感到迷惑。</p> <p>请确保把 <h1> 用于最顶层的标题,<h2> 和 <h3> 用于较低的层级。</p> <p>可以试着根据此模版来构造您的网页:</p> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczIuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODA1MDMvYl8wXzIwMTgwNTAzMDQ0NjQ4OTk0Mi5qcGc=" alt="提升网站质量教程(2):重要的HTML元素" title="提升网站质量教程(2):重要的HTML元素"><p>如果您不喜欢默认的标题字体尺寸,可以使用样式或样式表来改变。</p> <div class="clearfix"> <span id="art_bot" class="jbtestpos"></span> </div> </div> <div class="info-pre-next"> <p> 上一篇: <a href="/article/1943122.html"> 秦朝灭亡的原因到底是什么 秦朝真的是暴政才灭亡的吗 </a> </p> <p> 下一篇: <a href="/article/1943124.html"> 互联网用户访问停留时间的重要性与提升停留时间的7个策略 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/1943123.html" target="_blank" title="提升网站质量教程(2):重要的HTML元素"> <h2> 提升网站质量教程(2):重要的HTML元素 </h2> </a> </li> <li> <a href="/article/1620040.html" target="_blank" title="提升网站页面质量的6大重要因素"> <h2> 提升网站页面质量的6大重要因素 </h2> </a> </li> <li> <a href="/article/1261463.html" target="_blank" title="w3schools网站的HTML教程之HTML元素_html/css_WEB-ITnose"> <h2> w3schools网站的HTML教程之HTML元素_html/css_WEB-ITnose </h2> </a> </li> <li> <a href="/article/1205206.html" target="_blank" title="w3schools网站的HTML教程之HTML元素_html/css_WEB-ITnose"> <h2> w3schools网站的HTML教程之HTML元素_html/css_WEB-ITnose </h2> </a> </li> <li> <a href="/article/1024706.html" target="_blank" title="HTML5之SVG 2D入门7—SVG元素的重用与引用_html5教程技巧"> <h2> HTML5之SVG 2D入门7—SVG元素的重用与引用_html5教程技巧 </h2> </a> </li> <li> <a href="/article/966055.html" target="_blank" title="提升网站质量教程(2):重要的HTML元素"> <h2> 提升网站质量教程(2):重要的HTML元素 </h2> </a> </li> <li> <a href="/article/745037.html" target="_blank" title="HTML5之SVG 2D入门7—SVG元素的重用与引用_html5教程技巧"> <h2> HTML5之SVG 2D入门7—SVG元素的重用与引用_html5教程技巧 </h2> </a> </li> <li> <a href="/article/659353.html" target="_blank" title="HTML 之编写网站最重要的元素“div”和“span”"> <h2> HTML 之编写网站最重要的元素“div”和“span” </h2> </a> </li> <li> <a href="/article/377984.html" target="_blank" title="提升网站页面质量的6大重要因素"> <h2> 提升网站页面质量的6大重要因素 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益,请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号:<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>