推開HTML5的大門

隨著網際網路技術的迅猛發展，尤其是移動網際網路正發生著日新月異的變化。html5作為連線傳統網際網路與移動網際網路的橋梁，已經成為未來網際網路發展的主流。要想學好html5，首先要知道以下幾點：

1.什麼是html5？

要想深入學習一門語言，或者想要從事一種行業，首先要知道它是什麼。html5是w3c（全球資訊網聯盟）和whatwg（網路超文字應用技術工作組）合作產生的，不是區別於html的，但它是最新的html標準，它的目標是提供所有內容，而不是需要像falsh，silverlight等額外外掛程式的支援。

2．既然html5是最新的html標準，那它與前面的html標準有什麼不同？

3．哪些瀏覽器支援html5？

現在的主流瀏覽器都支援，如safari，firefox，chrome，opera，ie等。

4．剛才我們說過html5增加了多個元素標籤，那麼html5中有哪些不同的新的表單元素型別？

color：顯示顏色選擇對話方塊，如

date：顯示日曆對話方塊，如

datetime-local：顯示含有本地時間的日曆，如

email：建立含有email校驗的html文字框，如

time：只能輸入時間，如

url：設定url的驗證型別為url，如

range：顯示控制範圍，如

telephone：使用文字框接受**號碼，如

number：使用文字顯示數字範圍，如

search：讓文字框作為搜尋引擎，如

5．html5中的canvas是什麼？以及如何使用canvas來畫一條簡單的線？

canvas是html中你可以繪製圖形的區域。要想畫一條簡單的線，要做3步：首先是定義canvas區域，其次是獲取訪問canvas上下文區域，第三是繪製圖形。

定義canvas區域：

獲取訪問canvas上下文區域：var c=document.getelementbyid(「mycanvas」);

var ctx=c.getcontext(「2d」);

繪製圖形：呼叫「move」方法並從乙個點開始，使用線條方法繪製線條然後使用stroke方法結束。如：ctx.moveto(10,10); ctx.lineto(200,100); ctx.stroke();

6．css是什麼？css中的選擇器是什麼？以及如何使用id值來應用乙個css樣式？

css的全稱為cascading style sheets，級聯樣式表，css的選擇器在我們想要應用乙個樣式的時候，幫助我們去選擇元素。如，簡單的被命名為」instro」的樣式，他適用於html元素顯示紅色背景

應用上面的」intro」樣式給div，我們可以使用」class」選擇器：

my name is shivprasad koirala.

i write interview questions.

那麼如何使用id值來應用乙個css樣式呢？首先假設，你有乙個html段落標籤，使用id是」mytext」，就和下面的片段中顯示的那樣，

this is html interview questions.

可以使用」#」選擇器和」id」的名字建立一種樣式，並把css值應用到段落標籤中，因此應用樣式到」mytext」元素，我們可以使用」#mytext」，如下所示：

以上6點，只是推開了我們走向html開發的大門，要想深入了解html，還需要我們不斷的努力，去探索與實踐，才能在html的世界自由翱翔。

文章選自華清遠見嵌入式培訓

>>>更多優秀技術博文每日更新