简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

10個易犯的HTML標籤錯誤

巴扎黑
發布： 2017-04-05 11:36:25
原創
1340 人瀏覽過

保持良好的程式碼風格是每個Coder必學的課程，同樣在HTML設計的時候也要特別注意程式碼的規範性，雖然說不規範的程式碼不會直接造成嚴重的後果，但很有可能對使用者體驗造成一定的干擾，同時也會降低搜尋引擎對網站的好感度。這份清單包含了10個最容易犯的HTML標籤錯誤，記下他們，能夠讓我們避免犯此常見錯誤，讓我們的HTML標籤符合語義，和標準的要求。

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

#

# HTML 元素的表現方式不外乎就兩種:塊級和行內.每一個標籤都有預設的表現方式不是塊級就是行內.像p和p 就是塊級元素,他們用來形成文檔結構.行內元素只能在快級元素內.

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

#

# alt屬性是所有顯示在網頁中圖片的必須屬性,它能夠幫助人們知道這是什麼圖片.或者在網速比較慢的時候顯示圖片的含義是什麼.它的主要目的是,說明圖片的含義,想這樣的說明alt=”image”是很糟糕的.如果,有些圖片的確只是裝飾作用而已,那麼建議你寫成alt=”".

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

#

# 犯罪4：使用和顯示黑體字和斜體

# 可以用css樣式定義font-weight 和font-style. 如果必須在頁面中寫標籤的話,用 或標籤來替換.的沒有任何語意可言, 但是,為了更簡潔的頁面,還是選擇css定義樣式吧

# 犯罪5：使用太多

#

#
換行標記只應該用於插入是在第一個文字流換行符敲到一個新行一個特別字了。它不應該被用來製造元素之間的差距，而是分裂成不同的段落，或調整的幅度CSS樣式的文字。

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

#

# 在昔日，和允許用來定義網站文字。不過，現在他們被定義為不建議使用的標籤,當他們任然可以有效果.現在用新的標記集- 和。來替換

# 罪行7：使用內嵌樣式

# css最重要的目的只是為了區分文檔和樣式,如果,你把style寫到頁裡面,那麼完全沒有css的作用可言.所以,記住把你的樣式放在它該放的位子

罪行8：把border加到HTML中

#

# 罪行9：沒有使用header標籤

-

# 罪行10：沒有語意的 或

#

# 不被w3推薦，和 (閃,滾動)標籤是純粹的醜陋。

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

以上是10個易犯的HTML標籤錯誤的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
易犯的，html，标签错误
來源：php.cn
上一篇：IE6也認識!important 下一篇：ASCII編碼表
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
為什麼 jQuery 或像 getElementById 這樣的 DOM 方法無法定位元素？ document.getElementById、$("#id")或任何其他DOM方法/jQuery選擇器找不到元素的可能原因是什麼？範例問題包括：jQuery默...
來自於 2023-10-15 15:40:06
0
2
210
為什麼 jQuery 或 getElementById 無法定位元素？ document.getElementById、$("#id")或任何其他DOM方法/jQuery選擇器找不到元素的可能原因是什麼？範例問題包括：jQuery默...
來自於 2023-10-15 14:53:18
0
2
293
Next.js中React水合錯誤 - "預期伺服器HTML中包含與<a>標籤相符的<a>標籤" 我正在處理一個Next.js項目，但是一直遇到一個hydration錯誤。我看到的具體錯誤訊息是：錯誤：hydration失敗，因為初始UI與在伺服器端渲染時呈現的內容不符。警告：...
來自於 2023-09-19 16:55:20
0
1
313
如何在Vite和Laravel 10中包含圖像的Vue組件 在我的Vue元件中，例如Login.vue，我使用了一個img標籤來顯示一張圖片：<imgclass="logo-img"src="/asset...
來自於 2023-09-17 18:53:22
0
1
275
Html 程式碼在登台時會自動修復，但在產品上不修復 我有一個基於Hugo構建的網站，在實現新功能時，由於不正確地關閉標記而犯了一個錯誤。奇怪的是，這個錯誤並沒有在臨時環境中顯現出來，標記已為不同瀏覽器和國家/地區的用戶修復（我認為是...
來自於 2023-09-15 22:46:29
0
1
670
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！