html5不基于SGML（標準通用置標語言）,因此不需要對DTD進行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照他們應該的方式來運行）
創(chuàng)新互聯(lián)是一家專業(yè)提供哈爾濱企業(yè)網(wǎng)站建設,專注與成都做網(wǎng)站、成都網(wǎng)站制作、H5頁面制作、小程序制作等業(yè)務。10年已為哈爾濱眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進行中。
而HTML4.01基于SGML，所以需要對DTD進行引用，才能告知瀏覽器文檔所使用的文檔類型。
HTML5 The Media Capture API提供了對攝像頭的可編程訪問，用戶可以直接用getUserMedia獲得攝像頭提供的視頻流。但實際上用html5調(diào)用手機攝像頭存在很多問題：1）谷歌的發(fā)布的Chrome到了21版本后，才新增了一個用于高質(zhì)量視頻音頻通訊的getUserMedia API，該API允許Web應用程序訪問攝像頭和麥克風,其他手機瀏覽器只有opera支持html5調(diào)用本地拍照功能2）兩個瀏覽器均不支持訪問多個攝像頭：chrome不支持訪問后置攝像頭，pera支持訪問后置攝像頭的
!DOCTYPE?html
html?xmlns=""
head
titleHTML5?GetUserMedia?Demo/title
meta?name="viewport"?content="width=device-width,?initial-scale=1.0,?maximum-scale=1.0"?/
/head
body
input?type="button"?title="開啟攝像頭"?value="開啟攝像頭"?onclick="getMedia();"?/br?/
video?height="120px"?autoplay="autoplay"/videohr?/
input?type="button"?title="拍照"?value="拍照"?onclick="getPhoto();"?/br?/
canvas?id="canvas1"?height="120px"?/canvashr?/
input?type="button"?title="視頻"?value="視頻"?onclick="getVedio();"?/br?/
canvas?id="canvas2"?height="120px"/canvas
script?type="text/javascript"
var?video?=?document.querySelector('video');
var?audio,?audioType;
var?canvas1?=?document.getElementById('canvas1');
var?context1?=?canvas1.getContext('2d');
var?canvas2?=?document.getElementById('canvas2');
var?context2?=?canvas2.getContext('2d');
navigator.getUserMedia?=?navigator.getUserMedia?||?navigator.webkitGetUserMedia?||?navigator.mozGetUserMedia?||?navigator.msGetUserMedia;
window.URL?=?window.URL?||?window.webkitURL?||?window.mozURL?||?window.msURL;
var?exArray?=?[];?//存儲設備源ID
MediaStreamTrack.getSources(function?(sourceInfos)?{
for?(var?i?=?0;?i?!=?sourceInfos.length;?++i)?{
var?sourceInfo?=?sourceInfos[i];
//這里會遍歷audio,video，所以要加以區(qū)分
if?(sourceInfo.kind?===?'video')?{
exArray.push(sourceInfo.id);
}
}
});
function?getMedia()?{
if?(navigator.getUserMedia)?{
navigator.getUserMedia({
'video':?{
'optional':?[{
'sourceId':?exArray[1]?//0為前置攝像頭，1為后置
}]
},
'audio':true
},?successFunc,?errorFunc);????//success是獲取成功的回調(diào)函數(shù)
}
else?{
alert('Native?device?media?streaming?(getUserMedia)?not?supported?in?this?browser.');
}
}
function?successFunc(stream)?{
//alert('Succeed?to?get?media!');
if?(video.mozSrcObject?!==?undefined)?{
//Firefox中，video.mozSrcObject最初為null，而不是未定義的，我們可以靠這個來檢測Firefox的支持
video.mozSrcObject?=?stream;
}
else?{
video.src?=?window.URL??window.URL.createObjectURL(stream)?||?stream;
}
//video.play();
//?音頻
audio?=?new?Audio();
audioType?=?getAudioType(audio);
if?(audioType)?{
audio.src?=?'polaroid.'?+?audioType;
audio.play();
}
}
function?errorFunc(e)?{
alert('Error！'+e);
}
//?將視頻幀繪制到Canvas對象上,Canvas每60ms切換幀，形成肉眼視頻效果
function?drawVideoAtCanvas(video,context)?{
window.setInterval(function?()?{
context.drawImage(video,?0,?0,90,120);
},?60);
}
//獲取音頻格式
function?getAudioType(element)?{
if?(element.canPlayType)?{
if?(element.canPlayType('audio/mp4;?codecs="mp4a.40.5"')?!==?'')?{
return?('aac');
}?else?if?(element.canPlayType('audio/ogg;?codecs="vorbis"')?!==?'')?{
return?("ogg");
}
}
return?false;
}
//?vedio播放時觸發(fā)，繪制vedio幀圖像到canvas
//????????video.addEventListener('play',?function?()?{
//????????????drawVideoAtCanvas(video,?context2);
//????????},?false);
//拍照
function?getPhoto()?{
context1.drawImage(video,?0,?0,90,120);?//將video對象內(nèi)指定的區(qū)域捕捉繪制到畫布上指定的區(qū)域，實現(xiàn)拍照。
}
//視頻
function?getVedio()?{
drawVideoAtCanvas(video,?context2);
}
/script
/body
/html
html4比較合適，理由如下：
html5開頭容易導致ie出現(xiàn)怪異模式，出現(xiàn)兼容問題。
html5開頭會在低版本瀏覽器報錯，低版本瀏覽器會認為是錯誤的html代碼。對網(wǎng)站優(yōu)化略有影響。
html4開頭無論低版本瀏覽器和高版本瀏覽器都兼容，而且以html4開頭的html代碼依然可以用html5的標簽。
做頁面一定要考慮兼容為主，學html5不可以一味追求全部革新為html5的代碼，那樣是很不理智的，每一個代碼都是有規(guī)范的，html5出臺，但是div和很多常用的ul+li，dl+dt+dd還是一樣的使用。
html5中的video這個標簽是引入視頻的，通過navigator.getUserMedia去獲取攝像頭的視頻流，所以要在事件里用關閉的代碼都不能執(zhí)行關閉攝像頭，只有關閉網(wǎng)頁，攝像頭才關閉。html5打開攝像頭代碼：SmartHome-Camera/**/functioninit(t){
PHP?include?和?require?語句
通過?include?或?require?語句，可以將?PHP?文件的內(nèi)容插入另一個?PHP?文件（在服務器執(zhí)行它之前）。
include?和?require?語句是相同的，除了錯誤處理方面：
require?會生成致命錯誤（E_COMPILE_ERROR）并停止腳本
include?只生成警告（E_WARNING），并且腳本會繼續(xù)
因此，如果您希望繼續(xù)執(zhí)行，并向用戶輸出結果，即使包含文件已丟失，那么請使用?include。否則，在框架、CMS?或者復雜的?PHP?應用程序編程中，請始終使用?require?向執(zhí)行流引用關鍵文件。這有助于提高應用程序的安全性和完整性，在某個關鍵文件意外丟失的情況下。
包含文件省去了大量的工作。這意味著您可以為所有頁面創(chuàng)建標準頁頭、頁腳或者菜單文件。然后，在頁頭需要更新時，您只需更新這個頁頭包含文件即可。
語法
include?'filename';
或
require?'filename';
PHP?include?實例
例子?1
假設我們有一個名為?"footer.php"?的標準的頁腳文件，就像這樣：
?php
echo?"pCopyright???2006-"?.?date("Y")?.?"?W3School.com.cn/p";
?
如需在一張頁面中引用這個頁腳文件，請使用?include?語句：
html
body
h1歡迎訪問我們的首頁！/h1
p一段文本。/p
p一段文本。/p
?php?include?'footer.php';?
/body
/html
運行實例
例子?2
假設我們有一個名為?"menu.php"?的標準菜單文件：
?php
echo?'a?href="/index.asp"首頁/a?-
a?href="/html/index.asp"HTML?教程/a?-
a?href="/css/index.asp"CSS?教程/a?-
a?href="/js/index.asp"JavaScript?教程/a?-
a?href="/php/index.asp"PHP?教程/a';
?
網(wǎng)站中的所有頁面均使用此菜單文件。具體的做法是（我們使用了一個?div?元素，這樣今后就可以輕松地通過?CSS?設置樣式）：
html
body
div?class="menu"
?php?include?'menu.php';?
/div
h1歡迎訪問我的首頁！/h1
pSome?text./p
pSome?more?text./p
/body
/html
運行實例
例子?3
假設我們有一個名為?"vars.php"?的文件，其中定義了一些變量：
?php
$color='銀色的';
$car='奔馳轎車';
?
然后，如果我們引用這個?"vars.php"?文件，就可以在調(diào)用文件中使用這些變量：
html
body
h1歡迎訪問我的首頁！/h1
?php
include?'vars.php';
echo?"我有一輛"?.?$color?.?$car?"。";
?
/body
/html
運行實例
PHP?include?vs.?require
require?語句同樣用于向?PHP?代碼中引用文件。
不過，include?與?require?有一個巨大的差異：如果用?include?語句引用某個文件并且?PHP?無法找到它，腳本會繼續(xù)執(zhí)行：
實例
html
body
h1Welcome?to?my?home?page!/h1
?php
include?'noFileExists.php';
echo?"I?have?a?$color?$car.";
?
/body
/html
運行實例
如果我們使用?require?語句完成相同的案例，echo?語句不會繼續(xù)執(zhí)行，因為在?require?語句返回嚴重錯誤之后腳本就會終止執(zhí)行：
實例
html
body
h1Welcome?to?my?home?page!/h1
?php
require?'noFileExists.php';
echo?"I?have?a?$color?$car.";
?
/body
/html
一、指代不同
1、head標簽：是網(wǎng)頁的HEAD(頭)部分中包含有的內(nèi)置標簽，用來申明使用的腳本語言，以及網(wǎng)頁傳輸時使用的方式等。
2、header標簽：header標簽是HTML5新增標簽元素。
二、瀏覽器支持不同
1、head標簽：瀏覽器都支持。
2、header標簽：舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。
三、支持屬性不同
1、head標簽：head 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
2、header標簽：header 標簽支持?HTML 中的全局屬性。
參考資料來源：百度百科-head標簽
參考資料來源：百度百科-Header
重慶分公司
重慶分公司
