這篇文章將為大家詳細講解有關HTML5初窺2之新元素,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
在桂平等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供成都網(wǎng)站設計、成都網(wǎng)站建設、外貿(mào)網(wǎng)站建設 網(wǎng)站設計制作按需網(wǎng)站設計,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,品牌網(wǎng)站制作,營銷型網(wǎng)站建設,外貿(mào)網(wǎng)站制作,桂平網(wǎng)站建設費用合理。
1. 塊元素
HTML5定義了8個新的HTML語義(semantic)元素,這些元素都是塊級元素。為了能讓舊版本的瀏覽器正確顯示這些元素,可以設置CSS的display屬性為block:
header, section, footer, aside, nav, main, article,figure{ display: block; }
2. 添加新元素
向HTML添加的新的元素,并為該元素定義樣式,元素名為<myHero>:
<!DOCTYPE html> <html> <head> <title>Creating an HTML Element</title> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; } </style> </head> <body> <h2>我的第一個標題</h2> <p>我的第一個段落。</p> <myHero>我的第一個新元素</myHero> </body> </html>
3. 多媒體元素
標簽 | 描述 |
<audio> | 定義音頻內(nèi)容 |
<video> | 定義視頻(video 或者 movie) |
<source> | 定義多媒體資源 <video> 和 <audio> |
<embed> | 定義嵌入的內(nèi)容,比如插件。 |
<track> | 為諸如 <video> 和 <audio> 元素之類的媒介規(guī)定外部文本軌道。 |
4. 畫布元素
<canvas> | 標簽定義圖形,比如圖表和其他圖像。該標簽基于 JavaScript的繪圖 API |
5. 新表單元素
標簽 | 描述 |
<datalist> | 定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。 |
<keygen> | 規(guī)定用于表單的密鑰對生成器字段。 |
<output> | 定義不同類型的輸出,比如腳本的輸出。 |
6. 新的語義和結構元素
標簽 | 描述 |
<article> | 定義頁面的側邊欄內(nèi)容 |
<aside> | 定義頁面內(nèi)容之外的內(nèi)容。 |
<bdi> | 允許您設置一段文本,使其脫離其父元素的文本方向設置。 |
<command> | 定義命令按鈕,比如單選按鈕、復選框或按鈕 |
<details> | 用于描述文檔或文檔某個部分的細節(jié) |
<dialog> | 定義對話框,比如提示框 |
<summary> | 標簽包含 details 元素的標題 |
<figure> | 規(guī)定獨立的流內(nèi)容(圖像、圖表、照片、代碼等等)。 |
<figcaption> | 定義 <figure> 元素的標題 |
<footer> | 定義 section 或 document的頁腳。 |
<header> | 定義了文檔的頭部區(qū)域 |
<mark> | 定義帶有記號的文本。 |
<meter> | 定義度量衡。僅用于已知最大和最小值的度量。 |
<nav> | 定義運行中的進度(進程)。 |
<progress> | 定義任何類型的任務的進度。 |
<ruby> | 定義 ruby 注釋(中文注音或字符)。 |
<rt> | 定義字符(中文注音或字符)的解釋或發(fā)音。 |
<rp> | 在 ruby 注釋中使用,定義不支持 ruby元素的瀏覽器所顯示的內(nèi)容。 |
<section> | 定義文檔中的節(jié)(section、區(qū)段)。 |
<time> | 定義日期或時間。 |
<wbr> | 規(guī)定在文本中的何處適合添加換行符。 |
7. 已移除的元素
在HTML5中不再使用,已經(jīng)被刪除。
· <acronym> · <applet> · <basefont> · <big> · <center> · <dir> · <font> · <frame> · <frameset> · <noframes> · <strike> · <tt>
關于“HTML5初窺2之新元素”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
文章標題:HTML5初窺2之新元素
本文URL:http://www.chinadenli.net/article34/gepdse.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、網(wǎng)站設計公司、微信小程序、網(wǎng)站導航、網(wǎng)站改版、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)