一個能主動迎合搜索引擎需要的網(wǎng)站才是好網(wǎng)站，如何做到這一點，就要求我們的網(wǎng)站制作公司能在網(wǎng)站架構(gòu)布局時注意網(wǎng)站語言，其中大家知道HTML靜態(tài)界面 網(wǎng)更適合網(wǎng)站后期優(yōu)化，今天我們就網(wǎng)站制作靜態(tài)頁面HTML語法實際操作經(jīng)驗整理如下幾種方法：
【示例】對于HTML文檔來說，除了必須符合基本語法規(guī)范外，我們還必須保證文檔結(jié)構(gòu)信息的完整性。
完整文檔結(jié)構(gòu)如下所示：
HTML文檔應(yīng)主要包括如下內(nèi)容：
? 必須在首行定義文檔的類型，過渡型文檔可省略。
? <html>標(biāo)簽應(yīng)該設(shè)置文檔名字空間，過渡型文檔可省略。
? 必須定義文檔的字符編碼，一般使用<meta>標(biāo)簽在頭部定義，常用字符編碼包括中文簡體（gb2312）、中文繁體（big5）和通用字符編碼（utf-8）。
? 應(yīng)該設(shè)置文檔的標(biāo)題，可以使用<title>標(biāo)簽在頭部定義。HTML文檔擴(kuò)展名為.htm或.html，保存時必須正確使用擴(kuò)展名，否則瀏覽器無法正確地解析。如果要在HTML文檔中增加注釋性文本，則可以在“<!--”和“-->”標(biāo)識符之間增加，例如：<!--單行注釋-->
或<!-----------------多行注釋----------------->
1.4.4 HTML標(biāo)簽HTML定義的標(biāo)簽很多，下面對常用標(biāo)簽進(jìn)行說明，隨著讀者學(xué)習(xí)不斷深入，相信會逐步掌握HTML所有標(biāo)簽的用法和使用技巧。
1．文檔基本標(biāo)簽文檔基本標(biāo)簽主要用來標(biāo)識文檔的基本結(jié)構(gòu)，也是一個網(wǎng)頁文檔應(yīng)該使用的基本標(biāo)簽。
? <!DOCTYPE>：定義文檔類型。
? <html>：定義HTML文檔。
? <head>：定義關(guān)于文檔的信息。
? <meta>：定義關(guān)于HTML文檔的元信息。
? <title>：定義文檔的標(biāo)題。
? <body>：定義文檔的主體。
? <h1>…<h6>：定義HTML標(biāo)題。
? <p>：定義段落。
? <br>：定義簡單的折行。
? <hr>：定義水平線。
? <!--...-->：定義注釋。
2．格式標(biāo)簽格式標(biāo)簽主要用來標(biāo)識文本區(qū)塊，并附帶一定的顯示格式。
? <acronym>：定義首字母縮寫。
? <abbr>：定義縮寫。
? <address>：定義文檔作者或擁有者的聯(lián)系信息。
? <b>：定義粗體文本。
? <bdi>：定義文本的文本方向，使其脫離其周圍文本的方向設(shè)置。
? <bdo>：定義文字方向。
? <big>：定義大號文本。
? <blockquote>：定義塊引用。
? <cite>：定義引用（citation）的源URL。
? <code>：定義計算機(jī)代碼文本。
? <del>：定義被刪除文本。
? <dfn>：定義定義項目。
? <em>：定義強(qiáng)調(diào)文本。
? <i>：定義斜體文本。
? <ins>：定義被插入文本。
? <kbd>：定義鍵盤文本。
? <mark>：定義有記號的文本。
? <meter>：定義預(yù)定義范圍內(nèi)的度量。
? <pre>：定義預(yù)格式文本。
? <progress>：定義任何類型的任務(wù)的進(jìn)度。
? <q>：定義短的引用。
? <rp>：定義若瀏覽器不支持ruby元素顯示的內(nèi)容。
? <rt>：定義ruby注釋的解釋。
? <ruby>：定義ruby注釋。
? <samp>：定義計算機(jī)代碼樣本。
? <small>：定義小號文本。
? <strong>：定義語氣更為強(qiáng)烈的強(qiáng)調(diào)文本。
? <sup>：定義上標(biāo)文本。
? <sub>：定義下標(biāo)文本。
? <time>：定義日期／時間。
? <tt>：定義打字機(jī)文本。
? <var>：定義文本的變量部分。
? <wbr>：定義視頻。
【示例1】啟動Dreamweaver，新建文檔，保存為test.html。在代碼視圖下輸入下面代碼，分別使用<h1>和<p>標(biāo)簽標(biāo)識網(wǎng)頁標(biāo)題和段落文本。<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>示例代碼</title></head><body><h1>文本格式標(biāo)簽</h1><p><p>標(biāo)簽標(biāo)識段落文本</p></body></html>
【示例2】使用Dreamweaver新建文檔，保存為test1.html。輸入下面代碼，分別使用各種字符格式標(biāo)簽顯示一個數(shù)學(xué)方程式的解法。<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>示例代碼</title></head><body><p>例如，針對下面這個一元二次方程：</p><p><i>x</i><sup>2</sup>-<b>5</b><i>x</i>+<b>4</b>=0</p><p>我們使用<big><b>分解因式法</b></big>來演示解題思路如下：</p><p><small>由：</small>(<i>x</i>-1)(<i>x</i>-4)=0</p><p><small>得：</small><br/><i>x</i><sub>1</sub>=1<br/><i>x</i><sub>2</sub>=4</p></body></html>按F12鍵，在瀏覽器中預(yù)覽。
3．列表標(biāo)簽在HTML文檔中，列表結(jié)構(gòu)可以分為兩種類型：有序列表和無序列表。無序列表使用項目符號來標(biāo)識列表，而有序列表則使用編號來標(biāo)識列表的項目順序。具體使用標(biāo)簽說明如下。
? <ul>：定義無序列表。
? <ol>：定義有序列表。
? <li>：定義列表的項目。
? <dl>：定義定義列表。
? <dt>：定義定義列表中的項目。
? <dd>：定義定義列表中項目的描述。
? <menu>：定義命令的菜單／列表。
? <menuitem>：定義用戶可以從彈出菜單調(diào)用的命令／菜單項目。
