征集網銳志網絡淘途找素材上91
創意在線首頁
平面設計交互設計CG動漫工業設計建筑環境數碼影像創意搜
 首頁大賽征集資訊教程畫廊訪談作品集創企同盟設計招聘人才專區競賽臺專題論吧 找素材看酷站設計網址庫
教程網 Illustrator、Photoshop、CoreaDreaw、AI教程、PS教程
當前位置:首頁 > 教程 > HTML/CSS > 正文
10個最容易犯的HTML標簽錯誤
作者: 來源: 發表時間:2010-9-25 11:52:57 瀏覽:

保持良好的代碼風格是每個Coder必學的課程,同樣在HTML設計的時候也要特別注意代碼的規范性,雖然說不規范的代碼不會直接造成嚴重的后果,但很有可能對用戶體驗造成一定的干擾,同時也會降低搜索引擎對網站的好感度.這份列表包含了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> (閃動,滾動)標簽是純粹的丑陋。

不要使用這個標簽,如果一定要用這樣的效果,相信,你會有其他更好的效果


在線編輯:angel
本文鏈接:


推薦閱讀:
·2019第五屆“學院派獎”全國藝術與設計大展 征集公告
·2019第十三屆“創意中國”設計大獎征稿
·第十三屆《中國大學生美術作品年鑒》征稿開始
·青春唯美插畫培訓網絡遠程班正在招生
·20000元 余姚征集文化旅游宣傳LOGO與宣傳標語
·6000元 征集柯城區“一村萬樹”LOGO設計
·5000元 征集陜西政務服務形象標識
·3000元 2019中國•大圩馬拉松文化節吉祥物征集
免責聲明:本站刊載此文不代表同意其說法或描述,僅為提供更多信息。對本文有異議,請聯絡本站!
轉載要求:文章作者及來源信息必需保留。轉載之圖片、文件請不要盜鏈本站地址,且不準打上各自站點的水印!

近期推薦報道 返回首頁更多精彩等著你!

Photoshop| Photoshop調出美女頭像純美的淡紫Photoshop| Photoshop制作絢麗的抽象藝術海報
Photoshop| Photoshop制作漂亮的彩色抽象飄帶Illustrator| AI制作夢幻色彩文字
Photoshop| Photoshop制作夢幻的曲線組合Photoshop| Photoshop給人物照片增加非常活潑
Photoshop| Photoshop制作非常逼真的折疊字效海報設計| 絢麗的海報設計欣賞
Illustrator| AI繪制復雜宗教插畫插畫藝術| 瑞典enigma-astralis另類風
韓國站點 素材資源 藝術攝影 游戲娛樂 影視網站 建筑家居 FLASH站 旅游購物 明星網站 個性展示 網站教學 工 作 室 學校教育
設計門戶 優秀企業 時尚品牌 象素站點 數碼通信 設計公司 汽車網站 國外優秀 兒童網站 文化藝術 體育運動 美容健身 食品飲料
網站名稱:whaternet
網站地址:http://whaternet.com/
加入時間:2014-8-5 13:59:20
網站名稱:mnnaite
網站地址:http://www.mnnaite.com/static/
加入時間:2014-8-5 13:58:07
網站名稱:tijuanaflats
網站地址:http://tijuanaflats.com/
加入時間:2014-8-5 13:55:32
網站名稱:digital
網站地址:http://production-digital.com/
加入時間:2014-8-5 13:54:45
網站名稱:deutschesee
網站地址:http://www.deutschesee.de/
加入時間:2014-8-5 13:51:54
網站名稱:kennedy
網站地址:http://www.kennedyandoswald.com/
加入時間:2014-8-5 13:50:57
關于本站 | 聯系方式 | 商業服務 | 合作伙伴 | 站點地圖 | 免責聲明 | 版權聲明 | 在線投稿  
 
仙侠情缘APP