原則取短舍長，取全拼舍簡拼，取舊舍新同級，適情而定目錄與文件權重級別 1 2 3 html 4 html 5 6 html 同級下的目錄大于文件的原則同級下的集體大于個體；堅持基本原則即使你不懂HTML標準通用標記語言下的一個應用，你只需購買一個有版權的所見即所得的網(wǎng)頁設計工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以創(chuàng)建一個看起來很合理的網(wǎng)站但是，在設計時，這些軟件包雖然不需要HTML，卻使網(wǎng)站速度下降為了成功地設計網(wǎng)站，你必須理解HTML是如何工作的大。

nbspnbspnbsp06nbsp堅持基本原則nbspnbspnbsp即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網(wǎng)頁設計工具，如AdobenbspPageMillnbsp或nbspMicrosoftnbspFrontPagenbspExpress，就可以創(chuàng)建一個看起來很合理的網(wǎng)站 但是，在設計時，這些軟件包雖然不需要HTML，卻使網(wǎng)站速度下降 nbspnb。

html網(wǎng)頁設計原理

1、為了實現(xiàn)網(wǎng)頁布局的穩(wěn)定性和標準性，我們可以從下面幾方面努力一 lt！DOCTYPE 標記的重要性位 于文檔的最前面，用于向瀏覽器說明當前文檔使用哪種 HTML 或 XHTML 標準 規(guī)范，我們必需在開頭處使用lt！DOCTYPE標記為 所有的XHTML文檔指定XHTML版本和類型，只有這樣瀏覽器才能將該網(wǎng)頁作為有 效的XHTML。

2、在搜索引擎的網(wǎng)頁排名算法中，很重要的一個因素就是關鍵字密度，即某個詞語在網(wǎng)頁中的分布情況一般來說，一個頁面的關鍵詞密度保持在2%8%之間，密度過低會導致沒有好的排名，而密度過高則很有可能導致被搜索引擎降權，起到相反的效果七合理使用HTML標簽 很多網(wǎng)頁設計師會忽略網(wǎng)頁中的各種META。

3、HTML5遵循“用戶至上”的原則，在出現(xiàn)具體問題時，會把用戶放在第一位，其次是開發(fā)者，然后是瀏覽器廠商，最后才是規(guī)范制定者比如，開發(fā)者在編碼時不嚴謹導致本該出現(xiàn)警告或錯誤時，卻正常顯示了頁面3化繁為簡 HTML5對比之前的XHTML，做了大量的簡化工作具體如下1以瀏覽器的原生能力代替。

4、對于瀏覽器而言，它認為這段腳本是來自可以信任的服務器的，所以腳本可以光明正大地訪問Cookie，或者保存在瀏覽器里被當前網(wǎng)站所用的敏感信息，甚至可以知道用戶電腦安裝了哪些軟件這些腳本還可以改寫HTML頁面，進行釣魚攻擊雖然產(chǎn)生XSS漏洞的原因各種各樣，對于漏洞的利用也是花樣百出，但是如果我們遵循本文提到防御原則，我們。

5、描述的第二原則描述的一定要非常通順簡要，符合邏輯的 描述的第三原則傻瓜化，盡量少用非常專業(yè)的術語網(wǎng)站描述信息需要表現(xiàn)在代碼中，即meta的description中，方便用戶在搜索引擎上看到網(wǎng)站頁面的描述，從而吸引其點擊另外網(wǎng)站描述是有字數(shù)限制的，因此比如百度，最好就不要超過150個字符，超過部分不。

6、一HTML 標簽包括 塊級元素block內(nèi)嵌元素inline二HTML 標簽的嵌套規(guī)則 塊元素可以包含內(nèi)聯(lián)元素或某些塊元素，但內(nèi)聯(lián)元素卻不能包含塊元素 塊級元素不能放在ltp里面 有幾個特殊的塊級元素只能包含內(nèi)嵌元素，不能再包含塊級元素，這幾個特殊的標簽是 h1h2h3h4h5h6pdt l。

7、Group和W3C在制定下一代HTML標準，也就是HTML5的時候，就將向后兼容作為了一個很重要的原則HTML5確實引入了許多新的特性，但是它最重要的一個特性是，不會break已有的網(wǎng)頁你可以將任何已有的網(wǎng)頁的第一行改成lt！DOCTYPE html，它就成也一個HTML5頁面，并且可以照樣在瀏覽器里正常的展示。

8、HTML5設計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性，所以增加了和這樣的標簽，用來明確表示網(wǎng)頁的結構5 新增 和 標簽 與， 類似，和也有利于清晰化網(wǎng)頁的結構，更有利于SEO6 新增 和 標簽 可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單標簽使得網(wǎng)頁文字和圖片的排版更專業(yè)7。

9、6 堅持基本原則即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網(wǎng)頁設計工具，如Adobe PageMill 或 Microsoft FrontPage Express 或 Amaya，當然則是Dreamweaver啦，就可以創(chuàng)建一個看起來很合理的網(wǎng)站但是，在設計時，這些軟件包雖然不需要HTML，卻使網(wǎng)站速度下降為了成功地設計網(wǎng)站，你必須理解HTML是如何工作。

寫出html網(wǎng)頁的基本結構

不一定在HTML中設置字體樣式時，設置的字體越多并不一定越好看實際上，設置過多的字體樣式可能會造成頁面混亂，影響閱讀體驗因此，設置字體樣式時應該盡量簡化，遵循以下幾個原則1 盡量使用默認字體大多數(shù)用戶都已經(jīng)習慣了默認的字體，在頁面中使用默認字體可以使頁面更加統(tǒng)一和易于閱讀2 盡量。

id作為元素的標簽，用于區(qū)分不同結構和內(nèi)容，而class作為一個樣式，它可以應用到任何結構和內(nèi)容上在布局思路上，一般堅持這樣的原則id是先確定頁面的結構和內(nèi)容，然后再為它定義樣式而class相反先定義一類樣式，然后再頁面中根據(jù)需要把類樣式應用到不同的元素和內(nèi)容上面參考資料來源百度百科CSS。

style標簽用于為 HTML 文檔定義樣式信息body 主要就是div和各類標簽 二用div來控制布局 布局原則從大到小從上到下從左到右 盒子模型有寬width高height，有邊框border有外邊距margin有內(nèi)邊距padding浮動布局div可以”飄“起來float也可以清除浮動clear。