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> (閃動,滾動)標籤是純粹的醜陋。
不要使用這個標籤,如果一定要用這樣的效果,相信,你會有其他更好的效果
相關文章
- 使用 Kubernetes 最容易犯的 10 個錯誤!
- Java 開發者最容易犯的10個錯誤Java
- 前端開發最容易犯的13個JavaScript錯誤前端JavaScript
- 十個PHP開發者最容易犯的錯誤PHP
- macOS小白容易犯的24個錯誤Mac
- Python最容易犯的錯誤,一定要警惕!Python
- 開發新手最容易犯的50個 Ruby on Rails 錯誤(1)AI
- go新手容易犯的三個致命錯誤Go
- Python新手入門最容易犯的錯誤有哪些?Python
- 學習Python最容易犯的錯誤,這10條一定要記住!Python
- 很多人容易犯的面試錯誤面試
- Java初學者容易犯哪些錯誤?Java
- Java初學者容易犯的程式碼錯誤Java
- 內容堆砌、認知失調...... 遊戲策劃最容易犯的錯誤你中了幾個?遊戲
- 容易犯錯的 PHP 函式PHP函式
- Rxjs SwitchMap 的一些容易犯的錯誤和替代方案JS
- 學習Python容易犯的錯誤幫你避開它!Python教程分享Python
- HTML標籤(基本標籤的使用)HTML
- 工程師犯的最大錯誤?工程師
- 阻止a標籤的跳轉,a標籤自動跳轉引起的錯誤
- 公司為變得敏捷而犯的10大錯誤敏捷
- 基本的 HTML 標籤 - 四個例項HTML
- HTML <a> 標籤HTML
- html標籤HTML
- HTML 的常用標籤HTML
- html的基本標籤HTML
- html <a>標籤的妙用HTML
- 新媒體運營容易犯哪些錯誤?這些一定要記住
- 直播app開發中容易犯的小錯誤,有則改之無則加勉APP
- html的開始與結束標籤巢狀錯誤會導致哪些問題?HTML巢狀
- html標籤整理HTML
- HTML 常用標籤HTML
- HTML <label> 標籤HTML
- HTML <body>標籤HTML
- html基本標籤HTML
- HTML <div>標籤HTML
- html列表標籤HTML
- HTML <meta>標籤HTML
- HTML <iframe>標籤HTML