HTML5頭部為什么只需要寫？

html5不基于SGML（標(biāo)準(zhǔn)通用置標(biāo)語言）,因此不需要對(duì)DTD進(jìn)行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照他們應(yīng)該的方式來運(yùn)行）

創(chuàng)新互聯(lián)是一家專業(yè)提供哈爾濱企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站制作、H5頁面制作、小程序制作等業(yè)務(wù)。10年已為哈爾濱眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。

而HTML4.01基于SGML，所以需要對(duì)DTD進(jìn)行引用，才能告知瀏覽器文檔所使用的文檔類型。

如何html5在瀏覽器里訪問手機(jī)后置攝像頭

HTML5 The Media Capture API提供了對(duì)攝像頭的可編程訪問，用戶可以直接用getUserMedia獲得攝像頭提供的視頻流。但實(shí)際上用html5調(diào)用手機(jī)攝像頭存在很多問題：1）谷歌的發(fā)布的Chrome到了21版本后，才新增了一個(gè)用于高質(zhì)量視頻音頻通訊的getUserMedia API，該API允許Web應(yīng)用程序訪問攝像頭和麥克風(fēng),其他手機(jī)瀏覽器只有opera支持html5調(diào)用本地拍照功能2）兩個(gè)瀏覽器均不支持訪問多個(gè)攝像頭：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?=?[];?//存儲(chǔ)設(shè)備源ID

MediaStreamTrack.getSources(function?(sourceInfos)?{

for?(var?i?=?0;?i?!=?sourceInfos.length;?++i)?{

var?sourceInfo?=?sourceInfos[i];

//這里會(huì)遍歷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，而不是未定義的，我們可以靠這個(gè)來檢測(cè)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對(duì)象上,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播放時(shí)觸發(fā)，繪制vedio幀圖像到canvas

//????????video.addEventListener('play',?function?()?{

//????????????drawVideoAtCanvas(video,?context2);

//????????},?false);

//拍照

function?getPhoto()?{

context1.drawImage(video,?0,?0,90,120);?//將video對(duì)象內(nèi)指定的區(qū)域捕捉繪制到畫布上指定的區(qū)域，實(shí)現(xiàn)拍照。

}

//視頻

function?getVedio()?{

drawVideoAtCanvas(video,?context2);

}

/script

/body

/html

html4頭部聲明好還是html5頭部聲明好？

html4比較合適，理由如下：

html5開頭容易導(dǎo)致ie出現(xiàn)怪異模式，出現(xiàn)兼容問題。

html5開頭會(huì)在低版本瀏覽器報(bào)錯(cuò)，低版本瀏覽器會(huì)認(rèn)為是錯(cuò)誤的html代碼。對(duì)網(wǎng)站優(yōu)化略有影響。

html4開頭無論低版本瀏覽器和高版本瀏覽器都兼容，而且以html4開頭的html代碼依然可以用html5的標(biāo)簽。

做頁面一定要考慮兼容為主，學(xué)html5不可以一味追求全部革新為html5的代碼，那樣是很不理智的，每一個(gè)代碼都是有規(guī)范的，html5出臺(tái)，但是div和很多常用的ul+li，dl+dt+dd還是一樣的使用。

html5怎么關(guān)閉攝像頭

html5中的video這個(gè)標(biāo)簽是引入視頻的，通過navigator.getUserMedia去獲取攝像頭的視頻流，所以要在事件里用關(guān)閉的代碼都不能執(zhí)行關(guān)閉攝像頭，只有關(guān)閉網(wǎng)頁，攝像頭才關(guān)閉。html5打開攝像頭代碼：SmartHome-Camera/**/functioninit(t){

如果想在HTML5中復(fù)用網(wǎng)頁的頭部和底部怎么辦

PHP?include?和?require?語句

通過?include?或?require?語句，可以將?PHP?文件的內(nèi)容插入另一個(gè)?PHP?文件（在服務(wù)器執(zhí)行它之前）。

include?和?require?語句是相同的，除了錯(cuò)誤處理方面：

require?會(huì)生成致命錯(cuò)誤（E_COMPILE_ERROR）并停止腳本

include?只生成警告（E_WARNING），并且腳本會(huì)繼續(xù)

因此，如果您希望繼續(xù)執(zhí)行，并向用戶輸出結(jié)果，即使包含文件已丟失，那么請(qǐng)使用?include。否則，在框架、CMS?或者復(fù)雜的?PHP?應(yīng)用程序編程中，請(qǐng)始終使用?require?向執(zhí)行流引用關(guān)鍵文件。這有助于提高應(yīng)用程序的安全性和完整性，在某個(gè)關(guān)鍵文件意外丟失的情況下。

包含文件省去了大量的工作。這意味著您可以為所有頁面創(chuàng)建標(biāo)準(zhǔn)頁頭、頁腳或者菜單文件。然后，在頁頭需要更新時(shí)，您只需更新這個(gè)頁頭包含文件即可。

語法

include?'filename';

或

require?'filename';

PHP?include?實(shí)例

例子?1

假設(shè)我們有一個(gè)名為?"footer.php"?的標(biāo)準(zhǔn)的頁腳文件，就像這樣：

?php

echo?"pCopyright???2006-"?.?date("Y")?.?"?W3School.com.cn/p";

?

如需在一張頁面中引用這個(gè)頁腳文件，請(qǐng)使用?include?語句：

html

body

h1歡迎訪問我們的首頁！/h1

p一段文本。/p

p一段文本。/p

?php?include?'footer.php';?

/body

/html

運(yùn)行實(shí)例

例子?2

假設(shè)我們有一個(gè)名為?"menu.php"?的標(biāo)準(zhǔn)菜單文件：

?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)站中的所有頁面均使用此菜單文件。具體的做法是（我們使用了一個(gè)?div?元素，這樣今后就可以輕松地通過?CSS?設(shè)置樣式）：

html

body

div?class="menu"

?php?include?'menu.php';?

/div

h1歡迎訪問我的首頁！/h1

pSome?text./p

pSome?more?text./p

/body

/html

運(yùn)行實(shí)例

例子?3

假設(shè)我們有一個(gè)名為?"vars.php"?的文件，其中定義了一些變量：

?php

$color='銀色的';

$car='奔馳轎車';

?

然后，如果我們引用這個(gè)?"vars.php"?文件，就可以在調(diào)用文件中使用這些變量：

html

body

h1歡迎訪問我的首頁！/h1

?php

include?'vars.php';

echo?"我有一輛"?.?$color?.?$car?"。";

?

/body

/html

運(yùn)行實(shí)例

PHP?include?vs.?require

require?語句同樣用于向?PHP?代碼中引用文件。

不過，include?與?require?有一個(gè)巨大的差異：如果用?include?語句引用某個(gè)文件并且?PHP?無法找到它，腳本會(huì)繼續(xù)執(zhí)行：

實(shí)例

html

body

h1Welcome?to?my?home?page!/h1

?php

include?'noFileExists.php';

echo?"I?have?a?$color?$car.";

?

/body

/html

運(yùn)行實(shí)例

如果我們使用?require?語句完成相同的案例，echo?語句不會(huì)繼續(xù)執(zhí)行，因?yàn)樵?require?語句返回嚴(yán)重錯(cuò)誤之后腳本就會(huì)終止執(zhí)行：

實(shí)例

html

body

h1Welcome?to?my?home?page!/h1

?php

require?'noFileExists.php';

echo?"I?have?a?$color?$car.";

?

/body

/html

html5中標(biāo)簽和標(biāo)簽有什么區(qū)別

一、指代不同

1、head標(biāo)簽：是網(wǎng)頁的HEAD(頭)部分中包含有的內(nèi)置標(biāo)簽，用來申明使用的腳本語言，以及網(wǎng)頁傳輸時(shí)使用的方式等。

2、header標(biāo)簽：header標(biāo)簽是HTML5新增標(biāo)簽元素。

二、瀏覽器支持不同

1、head標(biāo)簽：瀏覽器都支持。

2、header標(biāo)簽：舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。

三、支持屬性不同

1、head標(biāo)簽：head 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。

2、header標(biāo)簽：header 標(biāo)簽支持?HTML 中的全局屬性。

參考資料來源：百度百科-head標(biāo)簽

參考資料來源：百度百科-Header

網(wǎng)頁標(biāo)題：html5頭,html5 head
文章來源：http://chinadenli.net/article48/dsicdhp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、網(wǎng)站設(shè)計(jì)公司、做網(wǎng)站、面包屑導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)