和 JavaScript、CSS 相比,HTML 經過三十多年的發展,似乎逐漸走進無人問津的角落,如何才能讓 HTML 再次回到人們視野的中心。

作者 | Yaser Adel Mehraban
出品 | CSDN(ID:CSDNnews)
有多少次,身為開發者的你編寫了一個HTML塊而沒有意識到可能編碼得並不理想?

為什麼
HTML一直處於無人問津的角落,因為JavaScript和CSS總是吸引人們的注意力。
請在腦海裡先保留這種印象,因為我要用一些簡單的技巧來發揮作用,讓HTML再次回到人們視野的中心。
以下是創建一目瞭然、可維護和可擴展的代碼的一些方法,其很好的應用了HTML5的語義標記元素,並將在支持的瀏覽器中正確呈現。
其緣由就不贅述了,讓我們來看看具體是什麼吧。
文檔類型
在index.html的頂部位置,請確保聲明瞭DOCTYPE。這將在所有瀏覽器中激活標準模式,並告知瀏覽器該如何編譯文檔。請記住DOCTYPE不是HTML元素。
HTML5是這樣的:
<code>
注意:如果應用了框架,這已預先寫好。如果沒有,我強烈建議使用像Emmet這樣的代碼片段,它在VS代碼中可用。
想瞭解更多關於其他文檔類型的信息嗎?點擊這裡查看參考文件:https://html.com/tags/doctype/。
可選標籤
有些標籤在HTML5中是可選的,主要是因為元素是隱式呈現的。信不信由你,你可以省略標籤,而頁面呈現得也很好。
<code>
<title>Hello/<title>Welcome to this example.
/<code>
上面是一個有效的HTML,但在某些情況下就不能這樣做了。例如標籤後面跟著註釋:
<code>
<title>Hello/<title>Welcome to this example.
/<code>
閱讀更多 CSDN 的文章