html是一種網(wǎng)頁(yè)標(biāo)簽。
成都創(chuàng)新互聯(lián)公司是一家專(zhuān)業(yè)提供都蘭企業(yè)網(wǎng)站建設(shè),專(zhuān)注與成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為都蘭眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)的建站公司優(yōu)惠進(jìn)行中。
html
head
head部分代表網(wǎng)頁(yè)頭部的意思,這個(gè)位置用于存放title頭部?jī)?nèi)容,和CSS樣式,以及需要提前加載的JavaScript腳本等。
link rel="stylesheet" href = "test.css" type="text/css"/
script type = "text/javascript" src = "222.js"/script
/head
body
body部分代表網(wǎng)頁(yè)內(nèi)容部分,這個(gè)位置用于存放網(wǎng)頁(yè)上所有要顯示的內(nèi)容,圖片,以及流媒體,當(dāng)然也可以存放客戶(hù)端腳本,表格,布局圖層DIV等。
/body
具體可以查看以下示例:
/html
[html] view plain copy
!DOCTYPE html
html
head
meta charset="utf-8"
title標(biāo)題/title
/head
body
/body
/html
HTML5和瀏覽器對(duì)視頻和音頻文件格式都有嚴(yán)格的要求,僅有少數(shù)幾種視頻和音頻格式的文件能夠同時(shí)滿(mǎn)足HML5和瀏覽器的需求。
因此想要在網(wǎng)頁(yè)中嵌入視頻和音頻文件,首先要選擇正確的視頻和音頻文件格式。下面將對(duì)HTML5中視頻和音頻的一些常見(jiàn)格式以及瀏覽器的支持情況做具體介紹。
1、HTML5支持的視頻格式在HTML5中嵌入的視頻格式主要包括ogg、mpeg4、wehm等,具體介紹如下。
ogg:一種開(kāi)源的視頻封裝容器,其視頻文件擴(kuò)展名為ogg,里面可以封裝vobris音頻編碼或者theora視頻編碼,同時(shí)ogg文件也能將音頻編碼和視頻編碼進(jìn)行混合封裝。
mpeg4:目前最流行的視頻格式,其視頻文件擴(kuò)展名為mp4。
同等條件下,mpeg4格式的視頻質(zhì)量較好,但它的專(zhuān)利被MPEG-LA公司控制,任何支持播放mpeg4視頻的設(shè)備,都必須有一張MPEG-LA頒發(fā)的許可證。
目前MPEG-LA規(guī)定,只要是互聯(lián)網(wǎng)上免費(fèi)播放的視頻,均可以無(wú)償獲得使用許可證。Webm:由Google發(fā)布的一個(gè)開(kāi)放、免費(fèi)的媒體文件格式,其視頻文件擴(kuò)展名為webm。
由于webm格式的視頻質(zhì)量和mpeg4較為接近,并且沒(méi)有專(zhuān)利限制等問(wèn)題,webm已經(jīng)被越來(lái)越多的人所使用。推薦了解傳智播客web前端培訓(xùn)6.5版本課程。
2.HTML5支持的音頻格式在HTML5中嵌入的音頻格式主要包括ogg、mp3、wav等,具體介紹如下。
ogg:當(dāng)ogg文件只封裝音頻編碼時(shí),它就會(huì)變成為一個(gè)音頻文件。ogg音頻文件擴(kuò)展名為ogg。ogg音頻格式類(lèi)似于mp3音頻格式,不同的是,ogg格式完全免費(fèi)并且沒(méi)有專(zhuān)利限制。
同等條件下,ogg格式音頻文件的音質(zhì)、體積大小優(yōu)于mp3音頻格式。mp3:目前主流的音頻格式,其音頻文件擴(kuò)展名為mp3。
同mpeg4視頻格式一樣,mp3音頻格式也存在專(zhuān)利、版權(quán)等諸多的限制,但因?yàn)楦鞔笥布峁┥痰闹С质沟胢p3依靠其豐富的資源、良好的兼容性仍舊保持較高的使用率。
wav:微軟公司(Microsoft)開(kāi)發(fā)的一種聲音文件格式,其擴(kuò)展名為wav。作為無(wú)損壓縮的音頻格式,wav的音質(zhì)是三種音頻格式文件中最好的,但其體積也是最大的。
wav音頻格式最大的優(yōu)勢(shì)是被Windows平臺(tái)及其應(yīng)用程序廣泛支持,是標(biāo)準(zhǔn)的Windows文件。
擴(kuò)展資料:
html5的智能表單:
表單是實(shí)現(xiàn)用戶(hù)與頁(yè)面后臺(tái)交互主要組成部分,HTML5在表單的設(shè)計(jì)上功能更加強(qiáng)大。
input類(lèi)型和屬性的多樣性大大地增強(qiáng)了HTML可表達(dá)的表單形式,再加上新增加的一些表單標(biāo)簽,使得原本需要JavaScript來(lái)實(shí)現(xiàn)的控件,可以直接使用HTML5的表單來(lái)實(shí)現(xiàn)。
一些如內(nèi)容提示、焦點(diǎn)處理、數(shù)據(jù)驗(yàn)證等功能,也可以通過(guò)HTML5的智能表單屬性標(biāo)簽來(lái)完成。
你想問(wèn)的應(yīng)該是,在搭建一個(gè)HTML文件時(shí),基本的文件結(jié)構(gòu)是什么樣子吧?
標(biāo)準(zhǔn)的HTML文件由“文檔聲明、文件頭、文件體”組成。
對(duì)于HTML5,文檔聲明也應(yīng)該采取HTML5.0的聲明方式,具體代碼如下:
!doctype html
html
head
meta charset="UTF-8"
titleHTML5學(xué)堂(碼匠) ?言成科技?聯(lián)合出品/title
meta name="viewport" content="width=device-width,user-scalable=no"
link rel="stylesheet" href="../css/reset.css"
/head
body
div具體內(nèi)容/div
/body
/html
在html標(biāo)簽當(dāng)中包含head標(biāo)簽和body標(biāo)簽兩種,而head標(biāo)簽表示的是文件頭,body標(biāo)簽表示文件體,文件頭當(dāng)中需要包含“字符編碼”(head標(biāo)簽中的第一行)、“標(biāo)題”(title標(biāo)簽)、“其他元信息”(除了字符編碼外的其他meta),而文件體當(dāng)中書(shū)寫(xiě)的具體代碼就是在網(wǎng)頁(yè)當(dāng)中會(huì)顯示的內(nèi)容。
此外,在文件頭部或文件體當(dāng)中還可以使用link標(biāo)簽引入CSS文件,或者使用script標(biāo)簽引入JS文件。
關(guān)于文檔聲明,在傳統(tǒng)的HTML4當(dāng)中,有另外三種聲明方法,請(qǐng)?jiān)斠?jiàn)《文檔聲明 DOCTYPE常見(jiàn)的文檔類(lèi)型》
Ogg、MPEG4、WebM。
MP4等于MPEG4文件使用H264視頻編解碼器和AAC音頻編解碼器。WebM等于ebM文件使用VP8視頻編解碼器和Vorbis音頻編解碼器。Ogg等于Ogg文件使用Theora視頻編解碼器和Vorbis音頻編解碼器。
HTML5是構(gòu)建Web內(nèi)容的一種語(yǔ)言描述方式。HTML5是互聯(lián)網(wǎng)的下一代標(biāo)準(zhǔn),是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語(yǔ)言方式.被認(rèn)為是互聯(lián)網(wǎng)的核心技術(shù)之一。HTML產(chǎn)生于1990年,1997年HTML4成為互聯(lián)網(wǎng)標(biāo)準(zhǔn),并廣泛應(yīng)用于互聯(lián)網(wǎng)應(yīng)用的開(kāi)發(fā)。
標(biāo)準(zhǔn)格式如下:
!DOCTYPE HTML
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /
titleYour Website/title
/head
body
header
nav
ul
liYour menu/li
/ul
/nav
/header
section
article
header
h2Article title/h2
pPosted on time datetime="2009-09-04T16:31:24+02:00"September 4th 2009/time by a href="#"Writer/a - a href="#comments"6 comments/a/p
/header
pPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas./p
/article
article
header
h2Article title/h2
pPosted on time datetime="2009-09-04T16:31:24+02:00"September 4th 2009/time by a href="#"Writer/a - a href="#comments"6 comments/a/p
/header
pPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas./p
/article
/section
aside
h2About section/h2
pDonec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo./p
/aside
footer
pCopyright 2009 Your name/p
/footer
/body
/html
新聞名稱(chēng):html5格式的簡(jiǎn)單介紹
網(wǎng)站路徑:http://jinyejixie.com/article10/dsdjjdo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、、網(wǎng)站導(dǎo)航、軟件開(kāi)發(fā)、動(dòng)態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)