成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

HTML 5標準學習入門之文檔結構

開發 前端
因為是XML,文檔變得嚴格了很多,也因為是XML,其可讀性和規范性提高了不少。但最終,我們始終要在HTML的寬容性和XML的規范性之間找到最佳的平衡點,一味地追求極端始終是一個錯誤。

51CTO推薦專題:HTML 5 下一代Web開發標準詳解

說起HTML的結構,很多人都能說得頭頭是道,一般來說答案可能是這樣的:

一個DOCTYPE,一個html,里面有head和body元素。

這當然不能說是不正確的,但是如果問到一個最小的HTML源文件必須有哪一些東西的話,恐怕很少有人能正確地做出回答。

先來回答一下這個問題,一個最簡的HTML5源碼文件需要的內容如下:

  1. <!DOCTYPE html> 

是的,就這樣,一個字符不多,一個字符不少,除了大小寫可任意變化外,其他的任何內容都是不能變動的。

那么究竟是怎么樣的規則,導致一個最簡的源碼文件必須有doctype聲明呢?根據標準,一個HTML文檔有如下內容組成(嚴格按照順序):

一個BOM標記,且這個BOM標記必須為U+FEFF。

  • · 0-n個空格或注釋。
  • · DOCTYPE聲明。
  • · 0-n個空格或注釋。
  • · 一個HTML元素。
  • · 0-n個空格或注釋。

這里存在著一些和HTML4的不同,一個HTML4的最簡源碼文件是這樣的:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
  2.                       "http://www.w3.org/TR/html4/loose.dtd"> 
  3. <title>這里是標題</title> 

兩者的區別是顯而易見的:

  • HTML5把DOCTYPE修改為更簡單的<!DOCTYPE html>,這個已經眾所周知了。
  • 在HTML4中多了一個<title>標簽。

這里的重點就是<title>標簽了,關于這個標簽,在HTML4.01標準中是這么說的:

Every HTML document must have a TITLE element in the HEAD section.

也即是說,HTML4要求<title>標簽是必須存在的。

而在HTML5的標準中,又是這么說的:

There must be no more than one title element per document.

HTML5中只設定了<title>標簽數量的上限,卻沒有指明下限,也就是說,沒有<title>的文檔已經被視為一個合法的文檔了。

對于DOCTYPE,HTML4中設定了6種DOCTYPE,HTML5中將DOCTYPE分為3種,這個在以后的章節中再具體說明。

再回過來看一下文檔組成,除去0-n個空格或注釋這樣并沒有多大意義的元素之外,組成的列表中還說明有一個HTML元素,但是最簡的源碼中卻沒有這東西。這是因為在HTML的規范中,一直存在“隱式標簽”這樣的概念,關于隱式標簽,大致可以這么解釋:

一部分元素,當滿足特定的前提條件時,其開始標簽或結束標簽可以在源碼中省略。在這種情況下,被省略的標簽稱為“隱式標簽”。

需要注意的是,此處的省略指的是在源碼中省略,而在最終成型的DOM樹中,這個標簽是存在的,因此才稱為隱式標簽。因此上面最簡的源碼結構,在生成DOM樹后,其真正的結構是這樣的:

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head></head> 
  4.     <body></body> 
  5. </html> 

***,再總結一下XHTML中的一些規范:

  • · 因為是XML,所以為了表示這是一個HTML文檔,必須有一個命名空間,其值為http://www.w3.org/1999/xhtml
  • · 因為是XML,所以MIME type不能是text/html了,text/xml、application/xml、application/xml+html都是比較好的選擇。
  • · 因為是XML,必須有根元素,根元素為<html>,即<html>的開始和結束標簽不能省略了。
  • · 因為是XML,所有元素只要有了開始標簽,就不能沒有結束標簽,或者自閉合。
  • · 因為是XML,所有元素都得嚴格遵守大小寫,元素名稱必須為小寫。

因為是XML,文檔變得嚴格了很多,也因為是XML,其可讀性和規范性提高了不少。但最終,我們始終要在HTML的寬容性和XML的規范性之間找到***的平衡點,一味地追求極端始終是一個錯誤。
 

原文鏈接:http://www.cnblogs.com/GrayZhang/archive/2011/03/28/learning-html5-structure.html

【編輯推薦】

  1. Modernizr:為HTML 5和CSS3而生
  2. 學習HTML 5十佳站點推薦
  3. 技術大牛談HTML 5設計原理
  4. HTML 5聯手jQuery實現超酷圖像灰度漸變效果
  5. HTML 5之表單新功能解析
責任編輯:陳貽新 來源: 博客園
相關推薦

2011-04-02 09:25:43

HTML 5

2011-04-11 10:14:47

HTML 5

2009-07-14 08:51:59

HTML 5視頻標準

2013-01-30 15:35:47

AdobeHTML5

2012-05-22 08:52:09

HTML5

2011-07-14 09:16:10

HTML 5

2011-09-01 10:27:42

jQuery Mobi

2013-06-24 13:38:34

HTML5 DataList

2009-10-12 08:52:31

HTML5標準

2014-10-31 14:32:20

CSSW3CISO

2012-01-16 15:36:37

ChromeHTML5

2009-07-07 14:33:44

JSP入門

2011-11-09 10:05:26

HTML 5

2012-05-23 13:00:37

HTML5

2012-05-02 10:28:16

HTML5

2012-06-19 14:20:39

HTML5

2010-04-16 10:01:43

2013-05-14 10:24:39

HTML 5英特爾標準

2011-05-13 17:36:05

HTML

2012-11-30 10:42:00

IBMdW
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 99免费在线观看视频 | 欧美日韩黄色一级片 | 狠狠躁夜夜躁人人爽天天高潮 | 精品国产乱码久久久久久蜜柚 | 啪啪精品 | 中国黄色毛片视频 | 国产精品区一区二区三 | www日韩高清 | 久久亚洲一区二区三区四区 | 日韩中字幕 | 精品欧美色视频网站在线观看 | 日本在线观看视频 | 精品一区在线 | 免费成人高清 | 6080yy精品一区二区三区 | 午夜精品久久久久久久久久久久 | 亚洲国产成人精品女人 | 九九热在线观看 | 欧美综合视频在线 | 精彩视频一区二区三区 | 日本免费视频在线观看 | 久久综合久久综合久久 | 亚洲精品9999久久久久 | 国产精品18久久久 | 日韩欧美国产电影 | 亚洲人在线观看视频 | 夜夜草| 国产在线精品一区二区三区 | 午夜精品在线观看 | 日本涩涩网 | 一区二区不卡 | 国产精品大片 | 久久夜色精品国产 | 欧美激情久久久 | 欧美一级在线观看 | 91网站在线看 | 欧美性大战xxxxx久久久 | 一区二区三区欧美 | 国产成人在线视频 | 欧美二三区 | 99精品国产一区二区三区 |