Web Design

我們網頁設計時最好注意勒,因為HTML Police會走遍你既代碼然後挑出你沒有語義既標籤,呢份列表包含左10個最經常犯得HTML標籤錯誤,記低佢地,可以令我地避免犯呢ｄ常見錯誤,令我地既HTML標籤符合語義同標準的要求.

罪行1:把塊級元素放入了行內元素內

HTML 元素既表現方式不外乎兩種:塊級和行內.每一個標籤都有默認既表現方式唔係塊級就是行內.好似div和p 就係塊級元素,佢地用黎形成文檔結構.行內元素只能系快級元素內.

罪行2: img 標籤沒有包含alt屬性

alt屬性係所有顯示系網頁中圖片既必須屬性,佢能夠幫助人們知道呢ｄ係咩圖片.或者網速比較慢既時候顯示圖片的含義是什麼.它既主要目的係,說明圖片既含義,想這樣的說明 alt=”image”係好差架.如果,有ｄ圖片的確只係用黎裝飾,咁就建議你寫成 alt=”".

罪行3:在必要的時候沒使用list

犯罪4：使用<b>和<i>顯示黑體字和斜體

可以用css樣式定義 font-weight 和 font-style. 如果一定要係頁面寫標籤既話,用 <strong> 或 <em>標籤黎替換.<b><i>的沒有任何語義可言, 但係,為左更簡潔的頁面,都係選擇 css定義樣式啦

犯罪5：使用太多<br/>

<br />換行標記只應該用于插入係第一個文本流換行符敲到一個新行一個特別字了。佢唔應該被用來製造元素之間既差距，而係分裂成不同既段落，或調整既幅度CSS樣式的文本。

罪行6: 使用錯誤的 Strikethrough 標籤

以前，<S>和<strike>允許用黎定義網站文字。不過，依家佢地被定義為唔推薦使用既標籤,當佢地任然可以有效果.現在用新既標記集- <del>和<ins>。來替換<s><strike>

罪行 7: 使用內聯樣式

css最重要既目的只係為左區分文檔同樣式,如果,你將style寫到頁面裡面,咁完全冇css既作用可言.所以,記住將你既樣式放系它該放既位子

罪行 8: 把border添加到HTML中

罪行 9: 沒有使用header標籤<h1>-<h6>

罪行10: 沒有語義的 <blink> 或<marquee>

冇被w3推薦，<blink>和<marquee> (閃動,滾動)標籤係純粹的醜陋。

唔好用呢個標籤,如果一定要用呢ｄ效果,相信,你會有其他更好既效果