Web 品质 - 重要的 HTML 元素

Para sa pagpapaunlad ng kalidad ng web, ang <DOCTYPE>, <title>, at <h1> ay mga mahalagang tag.

Ang elemento ng <DOCTYPE>

Ang Doctype ay nangangahulugan na "deklarasyon ng uri ng dokumento" (DTD).

Ang lahat ng mga pahina ng HTML at XHTML ay dapat gumamit ng elemento ng <Doctype> upang tukuyin kung alin ang HTML bersyon na sinusunod.

Ang doctype ay nagtatalaga ng bersyon ng HTML na ginagamit at nagbibigay ng mahalagang impormasyon sa browser upang mabilis at isang sagot na ipakita ang iyong pahina.

Ang deklarasyon ng dokumentong uri ay nagbibigay din ng kapahintulutan sa mga software ng pagsusuri upang suriin ang katuruan ng pahina:

HTML 4.01 Strict, Transitional, Frameset

<!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"

XHTML 1.0 Strict, Transitional, Frameset

<!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"

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

参阅：HTML <!DOCTYPE> Tag

<title> Element

<title> Ang pinakamahalagang HTML elementong isa. Ang pangunahing ginagamit nito ay ang paglalarawan ng nilalaman ng pahina.

Kahit na ang pangalang ito ay hindi isang nakikitang bahagi ng pahina, ito ay mahalaga sa pagtaas ng kalidad ng websayt, dahil ito ay makikita sa mga sumusunod na lugar:

  • Listahan ng search engine
  • Pangalang itaas ng window
  • Sa mga bookmark ng gumagamit

Ang pangalang ito ay dapat na maging maikli at may descriptibleng paglalarawan.

Kapag ang isang gumagamit ay naghahanap ng websayt sa internet, karamihan sa mga search engine ay magpapakita ng pangalang websayt sa resulta ng paghahanap. Pastiin na ang pangalang ito ay katugma sa nilalaman ng pahina. Kaya ang gumagamit ay mas malaki ang posibilidad na mag-click ng mga link upang dumalaw sa iyong websayt.

Kapag ang gumagamit ay dumalaw sa iyong websayt, ang pangalang itaas ng window ay makikita. Pastiin na ang pangalang ito ay magiging naglalarawan ng nilalaman ng websayt kahit na ang window ay pinakaliit.

在用户访问你的网站之后，网页的标题会存储于历史文件夹（用户甚至会把网页收藏到他的收藏夹中）。为了后续的成功访问，同样请确保标题可以清楚地描述您的网站。

优秀的标题：

<title>HTML 教程</title>
<title>XML 简介</title>

差劲的标题：

<title>简介</title>
<title>章节 1</title>
<title>CodeW3C.com 拥有一整套组织良好、易于理解的 HTML、CSS、JavaScript、
DHTML、XML、XHTML、WAP、ASP、SQL 教程，并包含非常多实例和源代码。</title>

参阅：HTML <title> 标签

<h1> 元素

<h1> 元素用来描述网页中最上层的标题。

由于一些浏览器会默认地把 <h1> 元素显示为很大的字体，因此会有一些 web 开发者使用 <h2> 元素代替 <h1> 元素来显示最上层的标题。这样做不会对读者产生影响，但会使那些试图“理解网页结构”的搜索引擎和其他软件感到迷惑。

请确保把 <h1> 用于最顶层的标题，<h2> 和 <h3> 用于较低的层级。

可以试着根据此模版来构造您的网页：

如果您不喜欢默认的标题字体尺寸，可以使用样式或样式表来改变。

参阅：HTML <h1> - <h6> 标签