html語(yǔ)義化 Html5新增的標(biāo)簽有哪些?
Html5新增的標(biāo)簽有哪些?新結(jié)構(gòu)標(biāo)簽:1。header元素表示實(shí)際頁(yè)面的內(nèi)容塊或標(biāo)題。2. hgroup元素表示頁(yè)面標(biāo)題或頁(yè)面中內(nèi)容塊的組合。3. article元素表示頁(yè)面中與上下文無(wú)關(guān)的單獨(dú)內(nèi)容
Html5新增的標(biāo)簽有哪些?
新結(jié)構(gòu)標(biāo)簽:
1。header元素表示實(shí)際頁(yè)面的內(nèi)容塊或標(biāo)題。
2. hgroup元素表示頁(yè)面標(biāo)題或頁(yè)面中內(nèi)容塊的組合。
3. article元素表示頁(yè)面中與上下文無(wú)關(guān)的單獨(dú)內(nèi)容。就像一篇文章。
4. Aside元素表示與article元素的內(nèi)容(而不是article元素的內(nèi)容)相關(guān)的輔助信息。
5. footer元素表示整個(gè)頁(yè)面或頁(yè)面內(nèi)內(nèi)容塊的腳注。通常,它包括創(chuàng)建者的姓名、創(chuàng)建日期和創(chuàng)建者的聯(lián)系信息。
HTML5的新規(guī)則:新功能應(yīng)基于HTML、CSS、DOM和JavaScript。減少對(duì)外部插件(如flash)的需要,更好的錯(cuò)誤處理,以及更多的標(biāo)簽來(lái)替換腳本。HTML5應(yīng)該獨(dú)立于設(shè)備開(kāi)發(fā)過(guò)程,并且對(duì)公眾透明。HTML5的新特性:新的特殊內(nèi)容元素,如文章、頁(yè)腳等;新的表單控件,如日歷、日期、時(shí)間、電子郵件、URL、搜索;視頻和搜索媒體播放音頻元素;繪畫(huà)畫(huà)布元素,為本地離線(xiàn)存儲(chǔ)提供更好的支持。
什么是h5頁(yè)面?
首先,H5不是一種技術(shù),而是一種標(biāo)準(zhǔn),一種技術(shù)的集合。
其次,我們需要知道什么是HTML語(yǔ)言,
它是一種描述性語(yǔ)言,全稱(chēng)為“超文本標(biāo)記語(yǔ)言”。我們使用的網(wǎng)頁(yè)是用HTML語(yǔ)言制作的。H5是HTML的第五個(gè)版本,在這個(gè)版本中添加了許多特性,例如:
1。拖放、自定義屬性、語(yǔ)義內(nèi)容標(biāo)簽、音頻、視頻、畫(huà)布、畫(huà)布、地理API、本地脫機(jī)存儲(chǔ)。
但是,H5還有一個(gè)寬泛的術(shù)語(yǔ),包括新的C3功能,例如:1。顏色:新RGBA,HSLA模式
2。文字陰影
3。邊框半徑:長(zhǎng)方體陰影
4。盒子大小
5。背景大小,背景原點(diǎn),背景剪輯
6。梯度:線(xiàn)性梯度,徑向梯度
7。過(guò)渡:動(dòng)畫(huà)過(guò)渡
8。自定義動(dòng)畫(huà)@keyfrom
9。媒體查詢(xún)多欄布局@媒體屏幕和(寬度:800px) {… }
10. 邊框圖像
11。2D變換:平移(x,y)旋轉(zhuǎn)(x,y)傾斜(x,y)縮放(x,y)
12。三維變換
13。字體圖標(biāo)字體臉
14。靈活的flex布局
h5中視頻標(biāo)簽的使用方法?
]1。創(chuàng)建一個(gè)名為測(cè)試.html,它描述了如何使用視頻來(lái)控制視頻。
2. 在測(cè)試.html頁(yè)面中,使用按鈕標(biāo)簽創(chuàng)建播放/暫停、大、中、小四個(gè)按鈕,控制視頻播放效果。同時(shí),使用視頻標(biāo)簽創(chuàng)建視頻。
3. 每個(gè)按鈕都綁定了onclick click事件。當(dāng)點(diǎn)擊該按鈕時(shí),執(zhí)行相應(yīng)的功能以控制視頻回放效果。
4. 使用文檔.getElementById()獲取視頻對(duì)象,創(chuàng)建“play/pause”playpause()函數(shù),使用play()方法控制視頻播放,使用pause()方法控制視頻暫停。
5. 創(chuàng)建makebig()函數(shù)。當(dāng)你點(diǎn)擊大按鈕時(shí),視頻將以560px的寬度播放。
6. 創(chuàng)建makenormal()函數(shù)和makesmall()函數(shù)。當(dāng)你點(diǎn)擊“中間”按鈕時(shí),視頻將以420px的寬度播放。當(dāng)你點(diǎn)擊“小”按鈕時(shí),視頻將以320px的寬度播放。
7. 在瀏覽器中打開(kāi)測(cè)試.html文件,測(cè)試JS控件的視頻播放效果。
21萬(wàn)買(mǎi)了紅旗H5,被朋友質(zhì)疑,該怎么辦 ?
如果你花了幾萬(wàn)元買(mǎi)了一輛國(guó)產(chǎn)車(chē),你的朋友會(huì)懷疑它兩三年后會(huì)壞掉;如果你買(mǎi)了一輛入門(mén)級(jí)合資品牌車(chē),你的朋友會(huì)質(zhì)疑你為什么花錢(qián)買(mǎi)一個(gè)標(biāo)識(shí),為什么不買(mǎi)一輛國(guó)產(chǎn)車(chē);如果你花20萬(wàn)元左右買(mǎi)了一輛自主品牌汽車(chē),你的朋友會(huì)問(wèn)你為什么不買(mǎi)合資車(chē)。你有多愛(ài)國(guó)啊。
老實(shí)說(shuō),上述情況時(shí)有發(fā)生。似乎朋友生來(lái)就質(zhì)疑我們的選擇。事實(shí)上,我們不需要為這樣的質(zhì)疑辯護(hù)。畢竟,我們不需要向任何人解釋為什么我們選擇自己花錢(qián)買(mǎi)自己喜歡的車(chē)。
回到你花21萬(wàn)元買(mǎi)的紅旗H5,作為第一個(gè)自主豪華品牌,紅旗汽車(chē)本身的含義不同于普通汽車(chē)品牌。今年剛剛推出的紅旗H5入門(mén)級(jí)車(chē)型改變了以往紅旗汽車(chē)濃厚的行政和商務(wù)氛圍。這是一款專(zhuān)為年輕消費(fèi)者設(shè)計(jì)的車(chē)型。車(chē)輛整體強(qiáng)度比較好。
回到最初的現(xiàn)象,我們身邊總有人會(huì)質(zhì)疑我們的選擇。他們有的出于善意,有的則純粹出于酸葡萄心理,總是通過(guò)攻擊別人的選擇來(lái)刷存在感。對(duì)于這樣的所謂朋友,我們最好盡量遠(yuǎn)離。