是時候拯救我的 HTML 技術了

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

是时候拯救我的 HTML 技术了

作者 | Yaser Adel Mehraban

出品 | CSDN(ID:CSDNnews)

有多少次,身為開發者的你編寫了一個HTML塊而沒有意識到可能編碼得並不理想?

是时候拯救我的 HTML 技术了

為什麼

HTML一直處於無人問津的角落,因為JavaScript和CSS總是吸引人們的注意力。

請在腦海裡先保留這種印象,因為我要用一些簡單的技巧來發揮作用,讓HTML再次回到人們視野的中心。

以下是創建一目瞭然、可維護和可擴展的代碼的一些方法,其很好的應用了HTML5的語義標記元素,並將在支持的瀏覽器中正確呈現。

其緣由就不贅述了,讓我們來看看具體是什麼吧。

是时候拯救我的 HTML 技术了

文檔類型

在index.html的頂部位置,請確保聲明瞭DOCTYPE。這將在所有瀏覽器中激活標準模式,並告知瀏覽器該如何編譯文檔。請記住DOCTYPE不是HTML元素。

HTML5是這樣的:

<code>

注意:如果應用了框架,這已預先寫好。如果沒有,我強烈建議使用像Emmet這樣的代碼片段,它在VS代碼中可用。

是时候拯救我的 HTML 技术了

瞭解更多關於其他文檔類型的信息嗎?點擊這裡查看參考文件:https://html.com/tags/doctype/。

是时候拯救我的 HTML 技术了

可選標籤

有些標籤在HTML5中是可選的,主要是因為元素是隱式呈現的。信不信由你,你可以省略標籤,而頁面呈現得也很好。

<code>


<title>Hello/<title>



Welcome to this example.



/<code>

上面是一個有效的HTML,但在某些情況下就不能這樣做了。例如標籤後面跟著註釋:

<code>



<title>Hello/<title>


Welcome to this example.



/<code>


分享到:


相關文章: