10個最容易犯的HTML標籤錯誤
保持良好的程式碼風格是每個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> (閃動,滾動)標籤是純粹的醜陋。
不要使用這個標籤,如果一定要用這樣的效果,相信,你會有其他更好的效果
相關文章
- Java 開發者最容易犯的10個錯誤Java
- 十個PHP開發者最容易犯的錯誤PHP
- 前端開發最容易犯的13個JavaScript錯誤前端JavaScript
- Python 入門最容易犯的錯誤Python
- macOS小白容易犯的24個錯誤Mac
- 開發新手最容易犯的50個 Ruby on Rails 錯誤(1)AI
- Java程式設計師容易犯的10個錯誤Java程式設計師
- Python最容易犯的錯誤,一定要警惕!Python
- go新手容易犯的三個致命錯誤Go
- Linux 新手容易犯的 7 個錯誤Linux
- Linux 新手容易犯的 7 個 錯誤Linux
- 程式設計師最容易犯的幾個技術上的錯誤程式設計師
- Python新手入門最容易犯的錯誤有哪些?Python
- 寫Java程式最容易犯的21種錯誤例項分析Java
- 學習Python最容易犯的錯誤,這10條一定要記住!Python
- Java初學者容易犯哪些錯誤?Java
- JavaScript容易犯錯的九個陷阱JavaScript
- Java初學者容易犯的程式碼錯誤Java
- C++程式設計人員容易犯的10個C#錯誤(轉)C++程式設計C#
- 內容堆砌、認知失調...... 遊戲策劃最容易犯的錯誤你中了幾個?遊戲
- Android程式設計容易犯的錯誤之一Android程式設計
- Android程式設計容易犯的錯誤之二Android程式設計
- 2017年——百度10年Java大神教你避免容易犯的10個錯誤Java
- 容易犯錯的 PHP 函式PHP函式
- C++在寫靜態變數時容易犯的一個小錯誤C++變數
- javascript sort方法容易犯錯的地方JavaScript
- 每個程式設計師都會犯的10個錯誤程式設計師
- Rxjs SwitchMap 的一些容易犯的錯誤和替代方案JS
- 新手網站最佳化前期常常容易犯哪些錯誤網站
- C# 程式設計師易犯的 10 個錯誤C#程式設計師
- 每個程式設計師都可能犯過的10個錯誤程式設計師
- 軟體開發團隊主管易犯的10個錯誤
- HTML標籤(基本標籤的使用)HTML
- 這個錯誤,每個ScrumMaster都犯過ScrumAST
- html中常用的標籤-表格標籤HTML
- 資料探勘中易犯的10大錯誤
- HTML <a> 標籤HTML
- HTML 標籤HTML