HTML 5標籤是否區分大小寫?

編寫HTML 5元素的最佳實踐

許多新網頁設計師所面對的一個問題是HTML 5標籤是否區分大小寫? 最簡潔的答案是不”。 HTML5標籤不區分大小寫,但這並不意味著您在編寫HTML標記時不應該嚴格要求!

回到XHTML

HTML5進入這個行業之前,Web專業人員會使用一種名為XHTML的標記語言來構建他們的網頁。

編寫XHTML時,必須以小寫形式寫入所有標準標籤,因為XHTML區分大小寫。 這意味著標記與XHTML中的不同。 您必須非常具體地了解如何編寫XHTML網頁,並只使用小寫字符。 這種嚴格的遵守對許多新的Web開發人員來說實際上是一種好處。 他們沒有能夠用小寫字母和大寫字母混合編寫標記,而是知道必須遵循嚴格的格式。 對於那些在XHTML很流行的時候在網頁設計中切齒的人來說,標記可能是大寫字母和小寫字母組合的想法似乎是陌生的,而且顯然是錯誤的。

HTML5變得鬆散

XHTML之前的HTML版本不區分大小寫。 HTML5緊跟在這個傳統之中,並且遠離了XHTML的嚴格格式要求。

因此HTML 5與XHTML不同,不區分大小寫。 這意味著和和在HTML 5中都是相同的標籤。如果這看起來像你的混亂,我感到你的痛苦。

HTML5不是區分大小寫的想法是讓新的Web專業人員更容易學習語言,但作為向新生傳授網頁設計的人,我絕對可以證明事實並非如此。

能夠讓學生們對網頁設計有一個明確的規則,比如“總是把HTML寫成小寫字母”,幫助他們學習他們學習成為網頁設計師所需的一切 。 為他們提供過於靈活的規則,實際上讓很多學習者感到困惑,而不是讓他們更容易。

我喜歡這樣一個事實,即HTML5規範的作者試圖通過使其更加靈活而使其更容易學習,但在這種情況下,我認為他們犯了一個錯誤。

HTML 5中的約定是使用小寫字母

儘管在編寫HTML 5時使用任何你喜歡的方式來編寫標籤是有效的,但慣例是對標籤和屬性使用全部小寫字母。 這部分是因為許多經歷過嚴格XHTML時代的經驗豐富的Web開發人員已將這些最佳實踐延續到HTML5(及更高版本)。 這些網絡專業人士並不在意在HTML5中混合使用大寫字母和小寫字母,他們會堅持使用他們所知道的,這些都是小寫字母。

很多網頁設計知識都是從其他人那裡學習,特別是那些在這個行業更有經驗的人。 這意味著新的Web開發人員將審查經驗豐富的專業人員的代碼並查看所有小寫標記。 如果他們模仿這個代碼,那意味著他們也會以全部小寫寫HTML5。 這是今天似乎正在發生的事情。

Lettercasing的最佳實踐

根據我自己的經驗,我發現最好始終使用HTML代碼的小寫字母以及文件名。 由於某些服務器對於文件名是區分大小寫的(例如,“logo.jpg”與“logo.JPG”不同),如果您的工作流程始終使用小寫字母,則永遠不需要質疑如果您遇到圖像丟失等問題,可能會出現問題 。 如果您始終使用小寫字母,則可以在調試網站問題時將其作為問題進行折扣。 這是我教給我的學生的工作流程,也是我在自己的網頁設計工作中使用的工作流程。

Jennifer Krynin的原創文章。 由Jeremy Girard編輯。