📄 quality_elements.asp
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Web Quality Assurance Elements</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" type="text/css" href="../stdtheme.css" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../https@ssl./default.htm" : "../../www./default.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body>
<a name="top"></a>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#808080">
<tr>
<td width="234" valign="top">
<a href="../default.htm"><img src="../images/w3default80.jpg" border="0" alt="W3Schools" /></a>
</td>
<th valign="middle" align="left" class="right">
<iframe style="background-color:#808080" src="../banners/bannerframe.asp@adpartner=xmlmaster" height="90" width="728"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<br /></th>
</tr>
</table>
<table style="margin-left:1px" width="800px" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="137" class="content" valign="top"><br />
<a class="left" href="../default.asp" target="_top">
<img src="../images/homeicon.gif" border="0" alt="home" /></a>
<a class="left" href="../default.asp" target="_top">
<b>HOME</b></a>
<br /><br />
<b>Web Quality</b><br />
<a class="left" target="_top" href="default.asp" >Quality HOME</a><br />
<a class="left" target="_top" href="quality_standards.asp" >Web Standards</a><br />
<a class="left" target="_top" href="quality_elements.asp" style='font-weight:bold;'>HTML Elements</a><br />
<a class="left" target="_top" href="quality_styles.asp" >Style Sheets</a><br />
<a class="left" target="_top" href="quality_readability.asp" >Readability</a><br />
<a class="left" target="_top" href="quality_accessibility.asp" >Accessibility</a><br />
<a class="left" target="_top" href="quality_international.asp" >Internationalization</a><br />
<br />
<b>Selected Reading</b><br />
<a class="left" target="_top" href="../browsers/browsers_stats.asp">Web Statistics</a><br />
<a class="left" target="_top" href="../site/site_glossary.asp">Web Glossary</a><br />
<a class="left" target="_top" href="../hosting/default.asp">Web Hosting</a><br />
<a class="left" target="_top" href="default.asp">Web Quality</a><br /><br />
<a class="left" target="_top" href="../forum/default.asp">W3Schools Forum</a><br /><br />
<a class="left" target="_top" href="../about/about_helping.asp">Helping W3Schools</a><br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*LeftLinkUnit*/
google_ad_slot = "4854527104";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td valign="top">
<table style="border: 1px solid gray" width="100%" bgcolor="#FFFFFF" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<h1>Web Quality - Important HTML Elements</h1>
<a href="quality_standards.asp"><img alt="previous" border="0" src="../images/btn_previous.gif" /></a>
<a href="quality_styles.asp"><img alt="next" border="0" src="../images/btn_next.gif" width="100" height="20" /></a>
<hr />
<p class="intro"><DOCTYPE>, <title>, and <h1> are important
tags to web page quality.</p>
<hr />
<h2>The <DOCTYPE> Element</h2>
<p>Doctype means a "document type declaration" (DTD).</p>
<p>All HTML and XHTML pages should use a <Doctype> element to define which HTML
version it conforms to.</p>
<p>The doctype defines which version of HTML you are using, and gives important
information to your browser so it can render your page faster and more
consistently.</p>
<p>The doctype declaration also allows validating software to check the syntax
of your page:</p>
<h3>HTML 4.01 Strict, Transitional, Frameset</h3>
<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>
<h3>XHTML 1.0 Strict, Transitional, Frameset</h3>
<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>
<h3>XHTML 1.1 DTD</h3>
<pre><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
</pre>
<p>Read more about <a href="../dtd/default.asp">DTD</a>,
<a href="../xhtml/xhtml_dtd.asp">Doctype</a> and <a href="../site/site_validate.asp">
Page Validation</a> at W3Schools.</p>
<hr />
<h2>The <title> Element</h2>
<p>The <title> element is one of the most important HTML
elements. Its main function is to describe the content of a web page.</p>
<p>Even if the title is not a visible part of your web page, it is important to
the quality of your web site because it will be visible in</p>
<ul>
<li>search engine lists</li>
<li>the windows title bar</li>
<li>users bookmarks</li>
</ul>
<p>The title should be as short and descriptive as possible.</p>
<p>When a user searches the internet for web sites, most search engines will
display the title of your web site in the search result. Make sure the title
match the content the user is looking for. Then it is more likely he will click
on the link to visit your web site.</p>
<p>When the user is visiting your website, the title will be visible in the
windows title bar. Make sure the title describes your site even when the window
is minimized. </p>
<p>After the user has visited your website, the title of your web pages will be
stored in his history folder (or even in his favorites folder). Make sure the
title clearly describes your pages for a future visit.</p>
<p><b>Good title examples:</b></p>
<p><title>HTML Tutorial</title></p>
<p><title>Introduction to XML</title></p>
<p><b>Bad title examples:</b></p>
<p><title>Introduction</title></p>
<p><title>Chapter 1</title></p>
<p><title>W3Schools has a collection of award winning, well
organized, and easy to understand HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP,
ASP, SQL tutorials with lots of working examples and source code. </title></p>
<hr />
<h2>The <h1> Element</h2>
<p>The <h1> element is used to describe the top level header of a web page.</p>
<p>Because some web browsers display the <h1> element in a very large font by
default, some web developers will use the <h2> element instead of the <h1>
element for top level headers. This will not confuse the reader, if he is a
person, but it will confuse most search engines and other software that will try
to "understand" the structure of the web page.</p>
<p>Make sure you use <h1> for top level headers, <h2> and <h3> for lower levels.</p>
<p>Try to structure your web page headers after this template:</p>
<table border="1" cellpadding="5" cellspacing="0" width="70%">
<tr>
<td>
<h1>This is the main header</h1>
<p>Some initial text</p>
<h2>This is a level 2 header</h2>
<p>Paragraph and sentences. Paragraph and sentences. Paragraph and
sentences. Paragraph and sentences. </p>
<h3>This is a level 3 header</h3>
<p>Paragraph and sentences. Paragraph and sentences. Paragraph and
sentences. Paragraph and sentences. Paragraph and sentences. Paragraph and
sentences. Paragraph and sentences. Paragraph and sentences. </p>
<h3>This is a level 3 header</h3>
<p>Paragraph and sentences. Paragraph and sentences. Paragraph and
sentences. Paragraph and sentences. Paragraph and sentences. Paragraph and
sentences. Paragraph and sentences. Paragraph and sentences. </p>
</td>
</tr>
</table>
<p>If you don't like the default size for headers, use styles or a style sheet
to change it.</p>
<hr />
<a href="quality_standards.asp"><img alt="previous" border="0" src="../images/btn_previous.gif" width="100" height="20" /></a>
<a href="quality_styles.asp"><img alt="next" border="0" src="../images/btn_next.gif" width="100" height="20" /></a>
<br />
<hr />
<!-- **** SPOTLIGHTS 1 **** -->
<iframe src="../banners/aspallframe.asp" height="110" width="485"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<hr />
<!-- **** SPOTLIGHTS 2 **** -->
<h2>Learn XML with <oXygen/> XML Editor - Free Trial!</h2>
<table cellpadding="0"><tr>
<td valign="top"><a target="_blank" href="../../www.oxygenxml.com/default.htm">
<img src="../images/oxygenxml.png" border="0" alt="oXygen - Probably The World's Best XML Editor" /></a></td>
<td> </td>
<td valign="top">
<p><a href="../../www.oxygenxml.com/default.htm" target="_blank">oXygen</a> helps you learn to define,
edit, validate and transform XML documents. Supported technologies include XML Schema,
DTD, Relax NG, XSLT, XPath, XQuery, CSS.</p>
<p>Understand in no time how XSLT and XQuery work by using the intuitive oXygen debugger!</p>
<p>Do you have any XML related questions? Get free answers from the oXygen
<a href="../../www.oxygenxml.com/forum/default.htm" target="_blank">XML forum</a>
and from the <a href="../../www.oxygenxml.com/documentation.html" target="_blank">video</a>
demonstrations.</p>
<p><b><a href="../../www.oxygenxml.com/download.html" target="_blank">
Download a FREE 30-day trial today!</a></b></p>
</td></tr></table>
<hr />
<!-- **** SPOTLIGHTS 3 **** -->
<table cellpadding="0" cellspacing="0"><tr><td width="72"></td><td>
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*txt*/
google_ad_slot = "1699448869";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr></table>
<hr />
<center>
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*imgtxt*/
google_ad_slot = "8606855891";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>
<hr />
<!-- **** END SPOTLIGHTS **** -->
</td></tr>
<tr><td>
<p>Jump to: <a href="#top" target="_top"><b>Top of Page</b></a>
or <a href="../default.asp" target="_top"><b>HOME</b></a> or
<a href='quality_elements.asp@output=print' target="_blank">
<img src="../images/print.gif" alt="Printer Friendly" border="0" />
<b>Printer friendly page</b></a></p>
<p>W3Schools provides material for training only. We do not warrant the correctness of its contents.
The risk from using it lies entirely with the user.
While using this site, you agree to have read and accepted our
<a href="../about/about_copyright.asp">terms of use</a> and
<a href="../about/about_privacy.asp">privacy policy</a>.
</p>
<p><a href="../about/about_copyright.asp">Copyright 1999-2008</a> by Refsnes Data. All Rights Reserved.</p>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>
<td width="60%" align="left">
<a href="../../validator.w3.org/check@uri=referer" target="_blank">
<img src="../images/vxhtml.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../jigsaw.w3.org/css-validator/check@uri=referer" target="_blank">
<img src="../images/vcss.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../www.w3.org/WAI/WCAG1A-Conformance" title="Explanation of Level A Conformance" target="_blank">
<img src="../images/wai.gif" alt="W3C-WAI level A conformance icon" width="88" height="31" border="0" /></a>
</td>
<td>
<a href="../xhtml/xhtml_howto.asp" target="_top">W3Schools was converted to XHTML in December 1999</a>
</td></tr>
</table>
</td></tr>
</table>
</td>
<td width="145" align="center" valign="top">
<iframe style="background-color:#f1f1f1" src="../banners/rightcolumn.asp@secid=qa" height="1500" width="147"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
</iframe>
</td>
</tr></table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -