對於提升 web 品質，、 以及<br />
<h1> 都是重要的標籤。</P><br />
<hr><P style="text-align:center;"><img src="https://i1.wp.com/p3.pstatp.com/large/288b0004e093f245d577" img_width="1280" img_height="900" inline="0" alt="Web 品質-重要的 HTML 元素" data-index="0"></P><P><!DOCTYPE> 元素</P><P>所有的 HTML 和 XHTML 頁面都應當使用 <Doctype> 元素來定義遵照何種 HTML 版本。</P><P>doctype 定義了您正在使用的 HTML 版本，並為瀏覽器提供重要的信息以便其更快速一致地呈現您的頁面。</P>
<p><center> <script src="/336-1.js"></script></center></p>
<p><P>文檔類型聲明同時也使驗證軟體可以對頁面的語法進行檢查：</P><P>HTML 5</P><P><!DOCTYPE html></P><P>HTML 4.01 Strict, Transitional, Frameset</P><P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"</P><P>"http://www.w3.org/TR/html4/strict.dtd"></P><P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"</P><P>"http://www.w3.org/TR/html4/loose.dtd"></P><P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"</P><P>"http://www.w3.org/TR/html4/frameset.dtd"></P>
<p><center> <script src="/336-2.js"></script></center></p>
<p><P>XHTML 1.0 Strict, Transitional, Frameset</P><P><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"</P><P>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></P><P><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</P><P>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></P><P><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"</P><P>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"></P><P>XHTML 1.1</P><P><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"</P><P>"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"></P>
<p><center> <script src="/336-3.js"></script></center></p>
<hr><P style="text-align:center;"><img src="https://i1.wp.com/p3.pstatp.com/large/26f3000449117056c315" img_width="1280" img_height="855" inline="0" alt="Web 品質-重要的 HTML 元素" ></P><P><title> 元素</P><P><title> 元素是最重要的 HTML 元素之一。它的主要功能是描述網頁的內容。</P><P>即使標題不是網頁的一個可見的部分，它對於提升網站的品質依然是重要的，這是因為它在以下位置都是可見的：</P>
<ul class=" list-paddingleft-2">
<li><P>搜索引擎列表</P></li>
<li><P>窗口的標題欄</P></li>
<li><P>用戶的書籤中</P></li>
</ul>
<p><P>標題應當儘可能地短，並具有可描述性。</P><P>當某個用戶在 internet 上搜索網站時，大部分搜索引擎都會在搜索結果中顯示出網站的標題。請確保標題與網頁的內容是吻合的。這樣的話用戶有更多的可能通過點擊這些鏈接來訪問到你的網站。</P><P>當用戶訪問您的網站時，在窗口的標題欄中標題是可見的。請確保即使窗口被最小化，標題同樣能起到描述網站內容的作用。</P>
<p><center> <script src="/336-4.js"></script></center></p>
<p><P>在用戶訪問你的網站之後，網頁的標題會存儲於歷史文件夾（用戶甚至會把網頁收藏到他的收藏夾中）。為了後續的成功訪問，同樣請確保標題可以清楚地描述您的網站。</P><P style="text-align:center;"><img src="https://i1.wp.com/p3.pstatp.com/large/26f30004494023c21f27" img_width="1280" img_height="948" inline="0" alt="Web 品質-重要的 HTML 元素" data-index="2"></P><P><strong>優秀的標題：</strong></P><P></P><P></P><P><strong>差距的標題的例子：:</strong></P><P></P><P></P><P>W3Cschool擁有一整套組織良好、易於理解的 HTML、CSS、JavaScript、 DHTML、XML、XHTML、WAP、ASP、SQL 教程，並包含非常多實例和源代碼。</P><br />
<hr><P><br />
<h1> 元素</P>
<p><center> <script src="/336-5.js"></script></center></p>
<p><P><br />
<h1> 元素用來描述網頁中最上層的標題。</P><P>由於一些瀏覽器會默認地把<br />
<h1> 元素顯示為很大的字體，因此會有一些 web 開發者使用<br />
<h2> 元素代替<br />
<h1> 元素來顯示最上層的標題。這樣做不會對讀者產生影響，但會使那些試圖"理解網頁結構"的搜索引擎和其他軟體感到迷惑。</P><P>請確保把<br />
<h1> 用於最頂層的標題，<br />
<h2> 和<br />
<h3> 用於較低的層級。</P><P>可以試著根據此模版來構造您的網頁：</P><br />
<h1>This is the main heading</h1>
<p><P>Some initial text</P><P>This is a level 2 heading</P><P>This is some text. This is some text. This is some text.</P><P>This is a level 3 heading</P><P>This is some text. This is some text. This is some text.</P><P>This is a level 3 heading</P><P>This is some text. This is some text. This is some text.</P><P>如果您不喜歡默認的標題字體尺寸，可以使用樣式或樣式表來改變。</P></P><center>喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！<br /><a href="http://www.facebook.com/sharer.php?u=http://www.ifuun.com/a20176173067634/" target="_blank"><img src="https://pic.pimg.tw/zzuyanan/1488615166-1259157397.png"></a></center><br /><center>本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊<a target="_blank" href="http://www.ifuun.com/today/">「搶先收到最新資訊」</a>瀏覽吧！</center><br /><center><a href="http://line.naver.jp/R/msg/text/?Web 品質-重要的 HTML 元素%0D%0Ahttp://www.ifuun.com/a20176173067634/"><img src="https://pic.pimg.tw/zzuyanan/1482887990-2595557020.jpg"></a></center><br /><center><span style="color:red"><i class="fa fa-paper-plane"></i></span> 請您繼續閱讀更多來自 <a class="bdcs-inlinelink" target=_blank href="/tag/%E7%A8%8B%E5%BA%8F%E5%93%A1%E5%B0%8F%E6%96%B0%E4%BA%BA%E5%AD%B8%E7%BF%92"><b>程序員小新人學習</b></a> 的精彩文章:</center></div>
<p>※<a target=_blank href=/a20176173041289/>TCP/IP 協議</a><br />※<a target=_blank href=/a20176173041282/>TCP/IP 郵件</a><br />※<a target=_blank href=/a20176173041275/>W3C 簡介</a><br />※<a target=_blank href=/a20176163014831/>網站主機 技術</a></p>
<p>TAG:<a target=_blank href=/tag/程序員小新人學習>程序員小新人學習</a> |
<div class="hd"><em class="title">您可能感興趣</em></div>
<p>※<a href="/a2018022010229028/">HTML5 Web SQL 資料庫</a><br />※<a href="/a2018123117765436/">ASP.NET Web Pages-HTML 表單</a><br />※<a href="/a2018051212966940/">ASP.NET Web Forms XML 文件</a><br />※<a href="/a2018051112930121/">ASP.NET Web Forms編程HTML 頁面</a><br />※<a href="/a2018051112930109/">ASP.NET Web Forms 編程HTML 表單</a><br />※<a href="/a2018050912853105/">Web Pages HTML 表單</a><br />※<a href="/a2018051312993034/">Web Forms HTML 伺服器控制項</a><br />※<a href="/a2018082215751632/">Dweb：使用WebRTC/WebTorrent構建彈性Web</a><br />※<a href="/a2018082815902652/">猿學-基於 HTML5的WebGL和VR 技術的 3D 機房數據中心可視化</a><br />※<a href="/a2018062414137099/">ASP.NET Core Web API與SSL</a><br />※<a href="/a2018052113253479/">基於SpringBoot的WEB API項目的安全設計</a><br />※<a href="/a2018050812811962/">為什麼 web 開發人員需要遷移到.NET Core，並使用 ASP.NET Core MVC 構建 web和API</a><br />※<a href="/a2018120917444688/">SpringMVC（輕量級Web框架）</a><br />※<a href="/a2018060513703714/">HTML5 WEB存儲</a><br />※<a href="/a201802069800123/">ASP.NET Core Web API下事件驅動型架構的實現（三）：基於RabbitMQ的事件匯流排</a><br />※<a href="/a2018070414432046/">Mozilla WebXR繪畫工具A-Painter助你輕鬆創作、分享VR作品</a><br />※<a href="/a2018051112930085/">ASP.NET Web Forms Button 控制項</a><br />※<a href="/a2018051112924807/">ASP.NET Web Forms 編程</a><br />※<a href="/a2018051112930070/">ASP.NET Web Forms 數據綁定</a><br />※<a href="/a2018033111537408/">快速搭建CentOS＋ASP.NET Core環境支持WebSocket</a></p>
<script data-cfasync="false" type="text/javascript">
var addthis_config = {"data_track_clickback":true,"ui_atversion":300,"ignore_server_config":true};
var addthis_share = {};
</script>
<!-- AddThis Settings Begin -->
<script data-cfasync="false" type="text/javascript">
var addthis_product = "wpp-5.3.3";
var wp_product_version = "wpp-5.3.3";
var wp_blog_version = "4.4.5";
var addthis_plugin_info = {"info_status":"enabled","cms_name":"WordPress","cms_version":"4.4.5","plugin_name":"Share Buttons by AddThis","plugin_version":"5.3.3","anonymous_profile_id":"wp-30eecd838dd84df46fc27f5b710d02de","plugin_mode":"WordPress","select_prefs":{"addthis_per_post_enabled":true,"addthis_above_enabled":true,"addthis_below_enabled":true,"addthis_sidebar_enabled":true,"addthis_mobile_toolbar_enabled":true,"addthis_above_showon_home":true,"addthis_above_showon_posts":true,"addthis_above_showon_pages":true,"addthis_above_showon_archives":true,"addthis_above_showon_categories":true,"addthis_above_showon_excerpts":true,"addthis_below_showon_home":true,"addthis_below_showon_posts":true,"addthis_below_showon_pages":true,"addthis_below_showon_archives":true,"addthis_below_showon_categories":true,"addthis_below_showon_excerpts":true,"addthis_sidebar_showon_home":true,"addthis_sidebar_showon_posts":true,"addthis_sidebar_showon_pages":true,"addthis_sidebar_showon_archives":true,"addthis_sidebar_showon_categories":true,"addthis_mobile_toolbar_showon_home":true,"addthis_mobile_toolbar_showon_posts":true,"addthis_mobile_toolbar_showon_pages":true,"addthis_mobile_toolbar_showon_archives":true,"addthis_mobile_toolbar_showon_categories":true,"sharing_enabled_on_post_via_metabox":true},"page_info":{"template":"posts","post_type":""}};
if (typeof(addthis_config) == "undefined") {
var addthis_config = {"data_track_clickback":true,"ui_atversion":300,"ignore_server_config":true};
}
if (typeof(addthis_share) == "undefined") {
var addthis_share = {};
}
if (typeof(addthis_layers) == "undefined") {
var addthis_layers = {"share":{"theme":"transparent","position":"left","numPreferredServices":5,"mobile":false},"sharedock":{"counts":true,"position":"bottom","numPreferredServices":5}};
}
</script>
<script
data-cfasync="false"
type="text/javascript"
src="//s7.addthis.com/js/300/addthis_widget.js#pubid=wp-30eecd838dd84df46fc27f5b710d02de "
async="async"
>
</script>
<script data-cfasync="false" type="text/javascript">
(function() {
var at_interval = setInterval(function () {
if(window.addthis) {
clearInterval(at_interval);
addthis.layers(addthis_layers);
}
},1000)
}());
</script>
<!-- AddThis Sharing Buttons below --><div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.ifuun.com/a20176173067634/' addthis:title='Web 品質-重要的 HTML 元素'><a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_google_plusone_share"></a><a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a></div></div>
<script src="/ce.js"></script>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div id="footer">
<div class="copyright">
<p> 全球趣味資訊 <a href="http://www.ifuun.com/"><strong>
iFuun </strong></a>| <a target=_blank href="http://www.ifuun.com/category/latest/"> 最新</a> | <a target=_blank href="http://www.ifuun.com/daohang/index.html"> 總覽</a>
<div style="display:none"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1257936736'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/stat.php%3Fid%3D1257936736%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></div>
<br />
</p>
</div>
</div>
</div>
<!--gototop-->
<div id="tbox">
<a target="_blank" id="fb" href="http://www.facebook.com/sharer.php?u=http://www.ifuun.com/a20176173067634/"></a>
</div>
<!-- Start of StatCounter Code -->
<script>
<!--
var sc_project=10891594;
var sc_security="d8e52e9b";
var sc_invisible=1;
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
//-->
document.write("<sc"+"ript src='" +scJsHost +"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="web analytics" href="https://statcounter.com/"><img class="statcounter" src="https://c.statcounter.com/10891594/0/d8e52e9b/1/" alt="web analytics" /></a></div></noscript>
<!-- End of StatCounter Code -->
<link rel='stylesheet' id='addthis_output-css' href='http://www.ifuun.com/wp-content/plugins/addthis/css/output.css?ver=4.4.5' type='text/css' media='all' />
<script type='text/javascript' src='http://www.ifuun.com/wp-content/themes/Qu/js/loostrive.js?ver=1.0'></script>
<script type='text/javascript' src='http://www.ifuun.com/wp-includes/js/wp-embed.min.js?ver=4.4.5'></script>
<!--wp_footer-->
</body></html>
<!-- Dynamic page generated in 0.219 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2024-01-15 22:18:39 -->
<!-- super cache -->
