HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。
站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到萊州網(wǎng)站設(shè)計(jì)與萊州網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類(lèi)型包括：成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋萊州地區(qū)。
HTML5中的新標(biāo)簽，語(yǔ)義化更明確。
!doctype 聲明必須位于 HTML5 文檔中的第一行,使用非常簡(jiǎn)單。
兼容問(wèn)題：現(xiàn)代的瀏覽器都支持html5
html新元素
canvas ：繪圖標(biāo)簽 ，通過(guò)js在canvas 上進(jìn)行繪圖 ，cocos-2d引擎 做網(wǎng)頁(yè)游戲 基于js的繪圖API來(lái)制作
新多媒體元素
video 定義視頻
src 視頻的路徑 autoplay 自動(dòng)播放 controls 控制器 loop 通過(guò)js提供的api來(lái)制作視頻控制
audio 定義音頻內(nèi)容
src 視頻的路徑 autoplay 自動(dòng)播放 controls 控制器 loop 通過(guò)js提供的api來(lái)制作視頻控制
source 定義多媒體資源，是視頻音頻資源文件
新的表單元素
datalist 提示列表 和input 連用
keygen 秘鑰標(biāo)簽 私有秘鑰（在本地） 公有秘鑰(在服務(wù)器)
output 輸出計(jì)算值 結(jié)合js
新的語(yǔ)義和結(jié)構(gòu)元素
article 定義相對(duì)頁(yè)面獨(dú)立的內(nèi)容區(qū)域
aside 定義側(cè)邊欄
bdi 文本突出 類(lèi)似span
details 描述詳細(xì) 顯示詳細(xì)類(lèi)容 標(biāo)簽 兼容性不太好
figure 是包 圖片 表單 代碼
footer 定義頁(yè)腳的
header 定義頭部
mark 文本的突出顯示 默認(rèn)帶黃色
meter 定義進(jìn)度條的
nav 定義導(dǎo)航
progress 定義進(jìn)度條
section 定義內(nèi)容
time 寫(xiě)時(shí)間的
HTML的全稱是超文本標(biāo)記語(yǔ)言，是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。Html是一種用來(lái)描述網(wǎng)頁(yè)的語(yǔ)言。它被稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。
HTML5新增加了連個(gè)多媒體屬性
audio和vide多媒體新屬性簡(jiǎn)介:
前言：HTML5 中 Audio and Video的使用方法比較簡(jiǎn)單，但就是比較復(fù)雜，方法屬性多。如果不常用的幾乎難以記住，甚至有些人難以區(qū)分不同屬性和方法的作用，更別說(shuō)應(yīng)用了。以下對(duì) Audio and Video的使用方法做了一個(gè)簡(jiǎn)單的總結(jié)，算是一個(gè)大致輪廓。至于具體的使用方法可以再網(wǎng)上查到，比較多就沒(méi)總結(jié)。
HTML5 Audio and Video 的優(yōu)勢(shì)
1、作為原生的瀏覽器支持，無(wú)需安裝任何第三方插件
2、HTML5 規(guī)范提供了一套完整的多媒體腳本化控制的API，開(kāi)發(fā)人員可以輕易的使用腳本來(lái)控制播放的內(nèi)容。
HTML5 Audio and Video 的缺陷
1、編解碼器無(wú)法統(tǒng)一，必須對(duì)不同的瀏覽器進(jìn)行分類(lèi)處理，這是HTML多媒體規(guī)范中最大的缺陷
2、受到HTTP跨源資源共享的限制
3、全屏視頻無(wú)法通過(guò)腳本進(jìn)行控制，這主要從安全角度考慮，腳本元素控制全屏視頻存在很大的漏洞。
4、對(duì)Audio和Video兩個(gè)多媒體元素的訪問(wèn)尚未完全加入到規(guī)范中。
5、在播放復(fù)雜的視頻流時(shí)資源消耗過(guò)大。
6、沒(méi)有比特率切換標(biāo)準(zhǔn)，無(wú)法再普通、高清、全清視頻之間進(jìn)行切換。
7、暫不支持
攝像頭和麥克風(fēng)。
8、在外網(wǎng)嵌入視頻方面，遠(yuǎn)不如Flash方便。
當(dāng)然這些都只是目前存在的典型缺陷，相信在不久的將來(lái)，HTML5將會(huì)進(jìn)一步完善！
HTML5 Audio and Video的使用
html5中設(shè)置整頁(yè)背景圖片的方法是利用css3樣式：
寫(xiě)法如下：img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0;}@media screen and (max-width: 1024px) { /* Specific to this particular image */ img.bg { left: 50%; margin-left: -512px; /* 50% */ }}
多媒體：之前曾經(jīng)介紹過(guò)，在HTML5中可以通過(guò)video標(biāo)簽在網(wǎng)頁(yè)中播放影片，且不需要再安裝額外的插件，此功能已經(jīng)帶給用戶極大的便利。但基本的video標(biāo)簽只提供了簡(jiǎn)單功能的播放器界面，如果想要改變播放器的外觀和功能，只能結(jié)合canvas標(biāo)簽和javascript語(yǔ)句，就能制作出酷炫的播放控制器。
{drawImage}
畫(huà)布canvas如何與視頻video標(biāo)簽結(jié)合，達(dá)到制作各種視頻功能的效果呢？其秘訣在于通過(guò)畫(huà)布重新描繪一次視頻的內(nèi)容，將視頻的每個(gè)畫(huà)面都轉(zhuǎn)換成畫(huà)布的圖像，這樣就可以通過(guò)javascript語(yǔ)言所提供的圖像控制方法來(lái)操控它們。所以炫酷播放器所使用的視頻功能，并不針對(duì)video，而是針對(duì)描繪出影像的canvas。
能夠描繪影像到畫(huà)布中的方法是“drawImage"，此方法允許在canvas中插入畫(huà)布（canvas），圖像（img）和視頻（video）等元素。
drawImage方法有三種：
drawImage（image，dx，dy）//原比例繪制圖像
drawImage（image，dx，dy，dw，dh）//按設(shè)置長(zhǎng)寬繪制圖像
drawImage（image，sx，sy，sw，sh，dx，dy，dw，dh）//裁切后繪制圖像
當(dāng)前 video 元素支持三種視頻格式： 盡量使用 mp4格式
使用語(yǔ)法
支持格式
常用屬性
當(dāng)前 audio 元素支持三種視頻格式： 盡量使用 mp3格式
使用語(yǔ)法
支持格式
在HTML5中，新增了兩個(gè)元素——video元素與audio元素，其中video元素專(zhuān)門(mén)用來(lái)播放網(wǎng)絡(luò)上的視頻或電影，而audio元素專(zhuān)門(mén)用來(lái)播放網(wǎng)絡(luò)上的音頻數(shù)據(jù)。使用這兩個(gè)元素，就不需要再使用其他插件了，只要使用支持HTML5的瀏覽器就可以了，同時(shí)在開(kāi)發(fā)的時(shí)候也不再需要書(shū)寫(xiě)復(fù)雜的object元素和embed元素了。希望幫到你，滿意請(qǐng)采納
重慶分公司
重慶分公司
