HTML5 DOCTYPE 及標籤簡化寫法

從嚴謹的 XHTML,開始慢慢進化到較寬容的 HTML5,說不上是好是壞。但對我來說,真有些不習慣。以往看到不嚴謹的語法,都會偷偷在心裡唾棄這些 code,沒想到現在我自己也要朝著不嚴謹之路邁進。

好吧,應該說是,朝著簡化之路邁進(這樣比較好聽)。

那麼以下跟大家簡單介紹幾個 HTML5 的簡化寫法,相信習慣用 XHTML 的朋友,第一瞬間應該會跟我一樣訝異吧:P

!DOCTYPE 宣告

XHTML 有三種宣告方式,我一直都是採用最嚴謹的 strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
但是現在 HTML5 只要簡單的一行就解決了: <!DOCTYPE html> (我承認我一開始看到真的傻了3秒)
ya,你沒看錯! That’s all~

HTML tag

猶記得我的 html 宣告了語言以及 w3C 的標註:
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-TW">

現在卻….只要….: <html lang="zh">
而且我看了一些文件,好像甚至只寫<html>就可以了,只是作者都會建議我們加上語言別。

META tag

以前的 meta 都這樣寫: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
現在則是改成<meta charset="utf-8">(一個比一個短阿OTL)

script and style tag

以往嵌入 javascript 或是 CSS 時,都會把 type 寫出來:<script type="text/javascript">...</script>, <style type="text/css">...</style>

現在則是連 type 都省略不寫了: <script...</script>, <style>...</style>

看完後我只覺得…,好寬的 HTML5 阿!!

此外,如果你有個檔案很多的網站,這篇文章有教你怎麼把 HTML 轉換成 HTML5,雖然我覺得用 Emeditor 的取代功能會更快XDDDD 。

You may also like...

9 Responses

  1. Likey 說道:

    是charset=utf-8還是charset="utf-8″?

  2. 宁波网站建设 說道:

    我觉得是没什么差别了!

  3. leahyeh 說道:

    我超愛精簡的html5
    只是目前公司都還顧到跨瀏覽器的問題
    所以就還沒徹底進化…

  4. Richer Yang 說道:

    在我的立場看來,寬鬆一點反而是比較好的!
    以前雖然說規定下的很嚴格,但是卻有很多類似但不同的版本,瀏覽器的作者需要替同樣的文件做很多特定版本化的處理,而進化的 html5 將很多事情化繁為簡。不用再辛苦的最很多版本的特異化處理。

  5. taglife 說道:

    瀏覽器能統一讀懂 HTML5 比較重要 :-o

  6. chesanqi 說道:

    推荐看一下谈 HTML5 设计原理的文章(简体中文版的翻译) http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html

  7. Davy 說道:

    依照 http://www.ietf.org/rfc/rfc4646.txt 應該要用 zh-Hant-TW ?

  8. Hi,I check your blogs named “HTML5 DOCTYPE 及標籤簡化寫法 – MUKI space*" daily.Your humoristic style is awesome, keep doing what you’re doing! And you can look our website about تحميل اغانى.

宁波网站建设 發表迴響 取消回覆

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>