介紹
我是一個ASP.NET MVC的開發(fā)者,最近在我找工作的時候被問到很多與HTML5相關的問題和新特性。所以以下40個重要的問題將幫助你復習HTML5相關的知識。
這些問題不是你得到工作的高效解決方案,但是可以在你想快速復習相關主題的時候有所幫助。
快樂地找工作。
SGML(標準通用標記語言)和HTML(超文本標記語言),XML(可擴展標記語言)和HTML的之間有什么關系?
SGML(標準通用標記語言)是一個標準,告訴我們怎么去指定文檔標記。他是只描述文檔標記應該是怎么樣的元語言,HTML是被用SGML描述的標記語言。
因此利用SGML創(chuàng)建了HTML參照和必須共同遵守的DTD,你會經常在HTML頁面的頭部發(fā)現“DOCTYPE”屬性,用來定義用于解析目標DTD
1 |
現在解析SGML是一件痛苦的事情,所以創(chuàng)建了XML使事情更好。XML使用了SGML,例如:在SGML中你必須使用起始和結束標簽,但是在XML你可以有自動關閉的結束標簽。
XHTML創(chuàng)建于XML,他被使用在HTML4.0中。你可以參考下面代碼片段中展示的XML DTD
1 |
總之,SGML是所有類型的父類,較舊的HTML利用SGML,HTML4.0使用派生自XML的XHTML
什么是HTML5?
HTML5是最新的HTML標準,他的主要目標是提供所有內容而不需要任何的像flash,silverlight等的額外插件,這些內容來自動畫,視頻,富GUI等
HTML5是萬維網聯盟(W3C)和網絡超文本應用技術工作組(WHATWG)之間合作輸出的
為什么HTML5里面我們不需要DTD(Document Type Definition文檔類型定義)?
HTML5沒有使用SGML或者XHTML,他是一個全新的東西,因此你不需要參考DTD,對于HTML5,你僅需放置下面的文檔類型代碼告訴瀏覽器識別這是HTML5文檔
如果我不放入 ,HTML5還會工作么?
不會,瀏覽器將不能識別他是HTML文檔,同時HTML5的標簽將不能正常工作
哪些瀏覽器支持HTML5?
幾乎所有的瀏覽器Safari,Chrome,Firefox,Opera,IE都支持HTML5
HTML5的頁面結構同HTML4或者更前的HTML有什么區(qū)別?
一個典型的WEB頁面包含頭部,腳部,導航,中心區(qū)域,側邊欄。現在如果我們想在在HTML4的HTML區(qū)域中呈現這些內容,我們可能要使用DIV標簽。
但是在HTML5中通過為這些區(qū)域創(chuàng)建元素名稱使他們更加清晰,也使得你的HTML更加可讀
以下是形成頁面結構的HTML5元素的更多細節(jié):
HTML5中的datalist是什么?
HTML5中的Datalist元素有助于提供文本框自動完成特性,如下圖所示:
以下是DataList功能的HTML代碼:
1 2 3 4 5 6 7 8 | |
HTML5中什么是不同的新的表單元素類型?
這里有10個重要的新的表單元素在HTML5中被介紹
Color
Date
Datetime-local
Time
Url
Range
Telephone
Number
Search
讓我們一步一步了解這10個元素
如果你想顯示顏色選擇對話框
1 |
如果你想顯示日歷對話框
1 |
如果你想顯示含有本地時間的日歷
1 |
如果你想創(chuàng)建一個含有email校驗的HTML文本框,我們可以設置類型為“email”
1 |
對于URL驗證設置類型為”url”,如下圖顯示的HTML代碼
1 |
如果你想用文本展示數字范圍,你可以設置類型為“number”
1 |
如果你想顯示范圍控制,你可以使用類型”range”
1 |