HTML5中40個(gè)最重要的技術(shù)點(diǎn)
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
內(nèi)容
介紹 我是一個(gè)ASP.NET MVC的開(kāi)發(fā)者，最近在我找工作的時(shí)候被問(wèn)到很多與HTML5相關(guān)的問(wèn)題和新特性。所以以下40個(gè)重要的問(wèn)題將幫助你復(fù)習(xí)HTML5相關(guān)的知識(shí)。 這些問(wèn)題不是你得到工作的高效解決方案，但是可以在你想快速?gòu)?fù)習(xí)相關(guān)主題的時(shí)候有所幫助。 快樂(lè)地找工作。
SGML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言）和HTML（超文本標(biāo)記語(yǔ)言），XML（可擴(kuò)展標(biāo)記語(yǔ)言）和HTML的之間有什么關(guān)系？ SGML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言）是一個(gè)標(biāo)準(zhǔn)，告訴我們?cè)趺慈ブ付ㄎ臋n標(biāo)記。他是只描述文檔標(biāo)記應(yīng)該是怎么樣的元語(yǔ)言，HTML是被用SGML描述的標(biāo)記語(yǔ)言。 因此利用SGML創(chuàng)建了HTML參照和必須共同遵守的DTD，你會(huì)經(jīng)常在HTML頁(yè)面的頭部發(fā)現(xiàn)“DOCTYPE”屬性，用來(lái)定義用于解析目標(biāo)DTD 現(xiàn)在解析SGML是一件痛苦的事情，所以創(chuàng)建了XML使事情更好。XML使用了SGML，例如：在SGML中你必須使用起始和結(jié)束標(biāo)簽，但是在XML你可以有自動(dòng)關(guān)閉的結(jié)束標(biāo)簽。 XHTML創(chuàng)建于XML，他被使用在HTML4.0中。你可以參考下面代碼片段中展示的XML DTD
總之，SGML是所有類(lèi)型的父類(lèi)，較舊的HTML利用SGML，HTML4.0使用派生自XML的XHTML 什么是HTML5？ HTML5是最新的HTML標(biāo)準(zhǔn)，他的主要目標(biāo)是提供所有內(nèi)容而不需要任何的像flash，silverlight等的額外插件，這些內(nèi)容來(lái)自動(dòng)畫(huà)，視頻，富GUI等 HTML5是萬(wàn)維網(wǎng)聯(lián)盟（W3C）和網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作組（WHATWG）之間合作輸出的 為什么HTML5里面我們不需要DTD（Document Type Definition文檔類(lèi)型定義）？ HTML5沒(méi)有使用SGML或者XHTML，他是一個(gè)全新的東西，因此你不需要參考DTD，對(duì)于HTML5，你僅需放置下面的文檔類(lèi)型代碼告訴瀏覽器識(shí)別這是HTML5文檔 如果我不放入 ，HTML5還會(huì)工作么？ 不會(huì)，瀏覽器將不能識(shí)別他是HTML文檔，同時(shí)HTML5的標(biāo)簽將不能正常工作 哪些瀏覽器支持HTML5？ 幾乎所有的瀏覽器Safari，Chrome，F(xiàn)irefox，Opera，IE都支持HTML5 HTML5的頁(yè)面結(jié)構(gòu)同HTML4或者更前的HTML有什么區(qū)別？ 一個(gè)典型的WEB頁(yè)面包含頭部，腳部，導(dǎo)航，中心區(qū)域，側(cè)邊欄。現(xiàn)在如果我們想在在HTML4的HTML區(qū)域中呈現(xiàn)這些內(nèi)容，我們可能要使用DIV標(biāo)簽。 但是在HTML5中通過(guò)為這些區(qū)域創(chuàng)建元素名稱(chēng)使他們更加清晰，也使得你的HTML更加可讀
以下是形成頁(yè)面結(jié)構(gòu)的HTML5元素的更多細(xì)節(jié)：
HTML5中的datalist是什么？ HTML5中的Datalist元素有助于提供文本框自動(dòng)完成特性，如下圖所示：
以下是DataList功能的HTML代碼： HTML5中什么是不同的新的表單元素類(lèi)型？ 這里有10個(gè)重要的新的表單元素在HTML5中被介紹
讓我們一步一步了解這10個(gè)元素 如果你想顯示顏色選擇對(duì)話框
如果你想顯示日歷對(duì)話框
如果你想顯示含有本地時(shí)間的日歷
如果你想創(chuàng)建一個(gè)含有email校驗(yàn)的HTML文本框，我們可以設(shè)置類(lèi)型為“email”
對(duì)于URL驗(yàn)證設(shè)置類(lèi)型為”url”，如下圖顯示的HTML代碼
如果你想用文本展示數(shù)字范圍，你可以設(shè)置類(lèi)型為“number”
如果你想顯示范圍控制，你可以使用類(lèi)型”range”
想讓文本框作為搜索引擎 想只能輸入時(shí)間 如果你想使用文本框接受電話號(hào)碼 HTML5中什么是輸出元素？ 當(dāng)你需要計(jì)算兩個(gè)輸入的和值到一個(gè)標(biāo)簽中的時(shí)候你需要輸出元素。例如你有兩個(gè)文本框（如下圖），你想將來(lái)自這兩個(gè)輸入框中的數(shù)字求和并放到標(biāo)簽中。
下面是如何在HTML5中使用輸出元素的代碼 為了簡(jiǎn)單起見(jiàn)，你也可以使用“valueAsNumber”來(lái)代替“parseInt”。你同樣能在output元素中使用“for”使其更加可讀 什么是SVG（Scalable Vector Graphics可縮放矢量圖形）？ SVG（Scalable Vector Graphics可縮放矢量圖形）表示可縮放矢量圖形。他是基于文本的圖形語(yǔ)言，使用文本，線條，點(diǎn)等來(lái)進(jìn)行圖像繪制，這使得他輕便，顯示更加迅速 我們能看到使用HTML5的SVG的簡(jiǎn)單例子么？ 比方說(shuō)，我們希望使用HTML5 SVG去顯示以下簡(jiǎn)單的線條
下面是HTML5代碼 HTML5中canvas是什么？ Canvas是HTML中你可以繪制圖形的區(qū)域 我們?nèi)绾问褂肅anvas來(lái)畫(huà)一條簡(jiǎn)單的線？
定義Canvas區(qū)域 定義Canvas區(qū)域你需要使用下面的HTML代碼，這定義了你能進(jìn)行繪圖的區(qū)域 獲取畫(huà)布區(qū)域的訪問(wèn) 在畫(huà)布上進(jìn)行繪圖我們首先需要獲取上下文區(qū)域的關(guān)聯(lián)，下面是獲取畫(huà)布區(qū)域的代碼。 var c=document.getElementById("mycanvas");
var ctx=c.getContext("2d");
繪制圖形 現(xiàn)在一旦你獲取了訪問(wèn)上下文，我們就可以開(kāi)始在上下文中繪制了。首先調(diào)用“move”方法并從一個(gè)點(diǎn)開(kāi)始，使用線條方法繪制線條然后使用stroke方法結(jié)束。 ctx.moveTo(10,10); ctx.lineTo(200,100); ctx.stroke(); 以下是完整的代碼 原文地址：http://www.techug.com/40-important-html-5-interview-questions-with-answers 該文章在 2014/10/18 10:17:29 編輯過(guò) |
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)... 
|
400 186 1886
