欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

HTML5中40個最重要的技術點

admin
2014年10月17日 22:58 本文熱度 4480

內容

介紹

我是一個ASP.NET MVC的開發者,最近在我找工作的時候被問到很多與HTML5相關的問題和新特性。所以以下40個重要的問題將幫助你復習HTML5相關的知識。

這些問題不是你得到工作的高效解決方案,但是可以在你想快速復習相關主題的時候有所幫助。

快樂地找工作。

SGML(標準通用標記語言)和HTML(超文本標記語言),XML(可擴展標記語言)和HTML的之間有什么關系?

SGML(標準通用標記語言)是一個標準,告訴我們怎么去指定文檔標記。他是只描述文檔標記應該是怎么樣的元語言,HTML是被用SGML描述的標記語言。

因此利用SGML創建了HTML參照和必須共同遵守的DTD,你會經常在HTML頁面的頭部發現“DOCTYPE”屬性,用來定義用于解析目標DTD


現在解析SGML是一件痛苦的事情,所以創建了XML使事情更好。XML使用了SGML,例如:在SGML中你必須使用起始和結束標簽,但是在XML你可以有自動關閉的結束標簽。

XHTML創建于XML,他被使用在HTML4.0中。你可以參考下面代碼片段中展示的XML DTD


總之,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有什么區別?

一個典型的WEB頁面包含頭部,腳部,導航,中心區域,側邊欄。現在如果我們想在在HTML4的HTML區域中呈現這些內容,我們可能要使用DIV標簽。

但是在HTML5中通過為這些區域創建元素名稱使他們更加清晰,也使得你的HTML更加可讀

以下是形成頁面結構的HTML5元素的更多細節:

  • :代表HTML的頭部數據
  • :頁面的腳部區域
  • :自包含的內容
  • :使用內部article去定義區域或者把分組內容放到區域里

HTML5中的datalist是什么?

HTML5中的Datalist元素有助于提供文本框自動完成特性,如下圖所示:

以下是DataList功能的HTML代碼:



  

HTML5中什么是不同的新的表單元素類型?

這里有10個重要的新的表單元素在HTML5中被介紹

  1. Color
  2. Date
  3. Datetime-local
  4. Email
  5. Time
  6. Url
  7. Range
  8. Telephone
  9. Number
  10. Search

讓我們一步一步了解這10個元素

如果你想顯示顏色選擇對話框

如果你想顯示日歷對話框

如果你想顯示含有本地時間的日歷

如果你想創建一個含有email校驗的HTML文本框,我們可以設置類型為“email”

對于URL驗證設置類型為”url”,如下圖顯示的HTML代碼

如果你想用文本展示數字范圍,你可以設置類型為“number”

如果你想顯示范圍控制,你可以使用類型”range”

想讓文本框作為搜索引擎

想只能輸入時間

如果你想使用文本框接受電話號碼

HTML5中什么是輸出元素?

當你需要計算兩個輸入的和值到一個標簽中的時候你需要輸出元素。例如你有兩個文本框(如下圖),你想將來自這兩個輸入框中的數字求和并放到標簽中。

下面是如何在HTML5中使用輸出元素的代碼

+ =

為了簡單起見,你也可以使用“valueAsNumber”來代替“parseInt”。你同樣能在output元素中使用“for”使其更加可讀

什么是SVG(Scalable Vector Graphics可縮放矢量圖形)?

SVG(Scalable Vector Graphics可縮放矢量圖形)表示可縮放矢量圖形。他是基于文本的圖形語言,使用文本,線條,點等來進行圖像繪制,這使得他輕便,顯示更加迅速

我們能看到使用HTML5的SVG的簡單例子么?

比方說,我們希望使用HTML5 SVG去顯示以下簡單的線條

下面是HTML5代碼



HTML5中canvas是什么?

Canvas是HTML中你可以繪制圖形的區域

我們如何使用Canvas來畫一條簡單的線?

  • 定義Canvas區域
  • 獲取訪問canvas上下文區域
  • 繪制圖形

定義Canvas區域

定義Canvas區域你需要使用下面的HTML代碼,這定義了你能進行繪圖的區域

獲取畫布區域的訪問

在畫布上進行繪圖我們首先需要獲取上下文區域的關聯,下面是獲取畫布區域的代碼。

var c=document.getElementById("mycanvas");
var ctx=c.getContext("2d");

繪制圖形

現在一旦你獲取了訪問上下文,我們就可以開始在上下文中繪制了。首先調用“move”方法并從一個點開始,使用線條方法繪制線條然后使用stroke方法結束。

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 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved