規范HTML代碼可以節省修改代碼的時間

2024-07-11 09:03:22

字體：大中小

來源：轉載

供稿：網友

武林網(www.49028c.com)文章簡介：css技巧-清除多余的標簽讓代碼更加有意義.

如果你是一個喜歡什么都用<div>來標簽的人,那么這個教程一定很適合你.在這個教程里著重講如何規范的來寫HTML代碼讓它更加的有意義.你有沒有經歷過這樣的場景:在編緝別人的模版時發現那些語意不明的標簽,你的感覺是什么樣子的.學完這個教程后你會發現規范的代碼不僅僅為你以后修改代碼省下時間,特別是當你調試一個大的項目時你會發現,原來規范代碼之后是那么的有用.

1.清除不必要的<div>標簽

很多人都喜歡用<div>來包裹<form>和<ul>來建立菜單列表.你有沒有想過這樣一個多余的<div>是不是需要的.你可以使用css規則來實現同樣的效果.

Example 1:

這個例子展示如何刪除<form>中的<div>.

規范HTML代碼可以節省修改代碼的時間

Example 2:

有時候我們會給內容添加一個額外的<div>標簽來以示這是一個內容.在事例中用了<div class="sidebox">來包括內容區.如果一個內容有一個標題的話(如:<h4>),那么我們就可以把這個<h4>來代替<div>.

規范HTML代碼可以節省修改代碼的時間

2.使用有語義的標簽

用有語義的標簽來編寫你的HTML文檔(如:<h1>為標題;<p>為段落;<ul>為列表.)那么即使用戶不支持css的話,那你的文檔也被正確的讀出來.

Example:

這個例子很好的說明了,使用有語義標簽的好處.

規范HTML代碼可以節省修改代碼的時間

3.盡量減少使用<div>

你有沒有見過那么混亂的模板,到處都可以看到<div>標簽,看到這些,你的頭有沒有變大了.你是否因為少用</div>來結束標簽,或者因為多用了<div>標簽而把一個布局弄亂了.我想大多數初學者都有這樣的經歷.所以盡可能的少使用<div>,它會使調試和編輯更加的容易.

Example 1:

使用<p>來代替<div>來創建導航.

規范HTML代碼可以節省修改代碼的時間