佳木斯湛栽影视文化发展公司
主頁 > 知識庫 > 譯文：如何寫出漂亮的HTML代碼

譯文：如何寫出漂亮的HTML代碼
熱門標(biāo)簽：百度競價點擊價格的計算公式 阿里云 檢查注冊表項 智能手機(jī) 使用U盤裝系統(tǒng) 美圖手機(jī) 硅谷的囚徒呼叫中心 網(wǎng)站建設(shè)

What Beautiful HTML Code Looks Like 如何寫出漂亮的HTML代碼.
老外寫的一篇文章:What Beautiful HTML Code Looks Like 如何寫出漂亮的HTML代碼 感覺寫的非常的不錯，轉(zhuǎn)載過來，與大家分享一下:
ps:原文地址：http://css-tricks.com/what-beautiful-html-code-looks-like/
1.DOCTYPE Properly Declared
別忘記頭部的聲明，它會告訴瀏覽器如何渲染你的HTML。
2.Tidy Head Section
設(shè)置title,字符集.將CSS和JS外鏈(包括一個打印用的CSS)。
3.Body IDed
給body一個ID。這里作者提到的原因是，為多頁面的中容器選擇提供便利。比如通過給page1和page2中BODY設(shè)置不同的ID，就可以通過#page1 h2和#page2 h2來設(shè)置兩種不同的效果，我感覺這個到是要看情況和具體架構(gòu)再具體使用。
4.Semantically Clean Menu
編寫符合語意的菜單代碼。
<div id="menu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="about.php">About</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
ps:我個人覺得這樣寫代碼應(yīng)該更簡單一點吧:
<ulid="menu">
<li><a href="index.php">Home</a></li>
<li><a href="about.php">About</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
5.Main DIV for all Page Content
要有一個主體DIV包含所有的內(nèi)容。方便固定主體的寬度,邊距等等。
6.Important Content First
先寫主要內(nèi)容,再寫次要內(nèi)容.如果你的導(dǎo)航或者側(cè)邊欄不是很重要,最好將他們寫在最后。
7.Common Content INCLUDED
將導(dǎo)航,頁尾等公用的部分用動態(tài)調(diào)用的方式引入,比如PHP的include。
8.Code is Tabbed into Sections
縮進(jìn)代碼
9.Proper Ending Tags
注意結(jié)束標(biāo)簽
10.Hierarchy of Header Tags
在合適的地方使用標(biāo)題標(biāo)簽,如<h1>~<h6>,來劃分段落。
11.Content, Content, Content
使用合適的標(biāo)簽,和標(biāo)志代碼,用&copy; 表示©,不要使用</br>
12.No Styling!
不要把樣式寫在標(biāo)簽上，HTML只是用來表示結(jié)構(gòu)。表現(xiàn)還是交給CSS吧。

標(biāo)簽：湘潭 黃山 山南 懷化 煙臺 通遼 賀州 湖北

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《譯文：如何寫出漂亮的HTML代碼》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266
    当阳市| 高台县| 乐至县| 自贡市| 神农架林区| 修水县| 镶黄旗| 铜川市| 阳高县| 东明县| 昭苏县| 江西省| 兰考县| 罗山县| 大邑县| 宣汉县| 甘孜| 博野县| 乌兰察布市| 兴文县| 弋阳县| 珲春市| 云南省| 丰镇市| 嘉义市| 宜都市| 淮阳县| 孝感市| 庆安县| 昌宁县| 马山县| 南宫市| 河间市| 蒲江县| 庆元县| 惠州市| 介休市| 吉安县| 双辽市| 莎车县| 丰顺县|