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