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

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

html網(wǎng)頁設(shè)計(jì)原理

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

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

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

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

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

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

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

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

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

寫出html網(wǎng)頁的基本結(jié)構(gòu)

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

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

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