站长资源网站运营

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

整理:jimmy2025/1/10浏览2
简介对于提升 web 品质,DOCTYPE、title以及h1都是重要的标签。对于提升 web 品质, 以及 <h1> 都是重要的标签。<DOCTYPE> 元素Doctype means a "document type declaration" (DTD).所有的 H</div> <div class="news_infos"><div id="MyContent"><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> </div> 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> </div> XHTML 1.1 DTD <pre><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> </pre> </div> <title> 元素 <p><title> 元素是最重要的 HTML 元素之一。它的主要功能是描述网页的内容。</p> <p>即使标题不是网页的一个可见的部分,它对于提升网站的品质依然是重要的,这是因为它在以下位置都是可见的:</p> 搜索引擎列表 窗口的标题栏 用户的书签中 <p>标题应当尽可能地短,并具有可描述性。</p> <p>当某个用户在 internet 上搜索网站时,大部分搜索引擎都会在搜索结果中显示出网站的标题。请确保标题与网页的内容是吻合的。这样的话用户有更多的可能通过点击这些链接来访问到你的网站。</p> <p>当用户访问您的网站时,在窗口的标题栏中标题是可见的。请确保即使窗口被最小化,标题同样能起到描述网站内容的作用。</p> <p>在用户访问你的网站之后,网页的标题会存储于历史文件夹(用户甚至会把网页收藏到他的收藏夹中)。为了后续的成功访问,同样请确保标题可以清楚地描述您的网站。</p> 优秀的标题: <pre><title>HTML 教程</title> <title>XML 简介</title> </pre> </div> 差劲的标题: <pre><title>简介</title> <title>章节 1</title> <title>W3School 拥有一整套组织良好、易于理解的 HTML、CSS、JavaScript、 DHTML、XML、XHTML、WAP、ASP、SQL 教程,并包含非常多实例和源代码。</title> </pre> </div> <h1> 元素 <p><h1> 元素用来描述网页中最上层的标题。</p> <p>由于一些浏览器会默认地把 <h1> 元素显示为很大的字体,因此会有一些 web 开发者使用 <h2> 元素代替 <h1> 元素来显示最上层的标题。这样做不会对读者产生影响,但会使那些试图“理解网页结构”的搜索引擎和其他软件感到迷惑。</p> <p>请确保把 <h1> 用于最顶层的标题,<h2> 和 <h3> 用于较低的层级。</p> <p>可以试着根据此模版来构造您的网页:</p> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-16/20094218563357877801.gif');"><img src="/UploadFiles/2021-04-16/20094218563357877801.gif" alt="提升网站质量教程(2):重要的HTML元素" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <p>如果您不喜欢默认的标题字体尺寸,可以使用样式或样式表来改变。</p></div> </div> </div> <div class="share"> </div> <div class="nextinfo"> <p>上一篇:<a href="http://m.iooam.com/show/1/265644.html" title="参考:企业网站整体运营推广方案">参考:企业网站整体运营推广方案</a></p> <p>下一篇:<a href="http://m.iooam.com/show/1/265646.html" title="最基础的网站运营知识">最基础的网站运营知识</a></p> </div> <div class="otherlink"> <h2>最新资源</h2> <ul> <li><a href="/show/1/629346.html" title="群星《奔赴!万人现场 第2期》[FLAC/分轨][518.8">群星《奔赴!万人现场 第2期》[FLAC/分轨][518.8</a></li> <li><a href="/show/1/629345.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐)》[32">群星《奇妙浪一夏 (上海迪士尼度假区音乐)》[32</a></li> <li><a href="/show/1/629344.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐)》[FL">群星《奇妙浪一夏 (上海迪士尼度假区音乐)》[FL</a></li> <li><a href="/show/1/629343.html" title="【古典音乐】詹姆斯·高威《季节》1993[WAV+CUE]">【古典音乐】詹姆斯·高威《季节》1993[WAV+CUE]</a></li> <li><a href="/show/1/629342.html" title="贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]">贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]</a></li> <li><a href="/show/1/629341.html" title="小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]">小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]</a></li> <li><a href="/show/1/629340.html" title="群星《欢迎来到我身边 电影原声专辑》[320K/MP3">群星《欢迎来到我身边 电影原声专辑》[320K/MP3</a></li> <li><a href="/show/1/629339.html" title="群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨">群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨</a></li> <li><a href="/show/1/629338.html" title="雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓">雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓</a></li> <li><a href="/show/1/629337.html" title="群星《2024好听新歌42》AI调整音效【WAV分轨】">群星《2024好听新歌42》AI调整音效【WAV分轨】</a></li> </ul> </div> </div> <div class="sidebar"> </div> </article> <footer> <p>友情链接:<a href="http://www.imxmx.com/" title="杰晶网络" target="_blank">杰晶网络</a> <a href="http://www.ddrfans.com/" title="DDR爱好者之家" target="_blank">DDR爱好者之家</a> <a href="http://www.nqxw.com/" title="南强小屋" target="_blank">南强小屋</a> <a href="http://www.paidiu.com/" title="黑松山资源网" target="_blank">黑松山资源网</a> <a href="http://www.dyhadc.com/" title="白云城资源网" target="_blank">白云城资源网</a> <a href="/sitemap.xml">SiteMap</a></p> <p>Design by <a href="http://m.iooam.com">茶园资源网</a> <a href="/">http://m.iooam.com</a></p> </footer> <script src="/images/nav.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(function() { var elm = jQuery('#left_flow2'); var startPos = jQuery(elm).offset().top; jQuery.event.add(window, "scroll", function() { var p = jQuery(window).scrollTop(); jQuery(elm).css('position', ((p) > startPos) ? 'fixed' : ''); jQuery(elm).css('top', ((p) > startPos) ? '0' : ''); }); }); </script> </body> </html>