HTML5初窺2之新元素-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)HTML5初窺2之新元素，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

在開江等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站建設(shè)、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,開江網(wǎng)站建設(shè)費(fèi)用合理。

1.   塊元素

HTML5定義了8個(gè)新的HTML語義（semantic）元素，這些元素都是塊級(jí)元素。為了能讓舊版本的瀏覽器正確顯示這些元素，可以設(shè)置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>我的第一個(gè)標(biāo)題</h2>
  
  <p>我的第一個(gè)段落。</p>
  
  <myHero>我的第一個(gè)新元素</myHero>
  
  </body>
  </html>

3.   多媒體元素

標(biāo)簽

描述

<audio>

定義音頻內(nèi)容

<video>

定義視頻（video 或者 movie）

<source>

定義多媒體資源 <video> 和 <audio>

<embed>

定義嵌入的內(nèi)容，比如插件。

<track>

為諸如 <video> 和 <audio> 元素之類的媒介規(guī)定外部文本軌道。


4.   畫布元素

<canvas>

標(biāo)簽定義圖形，比如圖表和其他圖像。該標(biāo)簽基于 JavaScript的繪圖 API


5.   新表單元素

標(biāo)簽

描述

<datalist>

定義選項(xiàng)列表。請(qǐng)與 input 元素配合使用該元素，來定義 input 可能的值。

<keygen>

規(guī)定用于表單的密鑰對(duì)生成器字段。

<output>

定義不同類型的輸出，比如腳本的輸出。


6.   新的語義和結(jié)構(gòu)元素

標(biāo)簽

描述

<article>

定義頁面的側(cè)邊欄內(nèi)容

<aside>

定義頁面內(nèi)容之外的內(nèi)容。

<bdi>

允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。

<command>

定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕

<details>

用于描述文檔或文檔某個(gè)部分的細(xì)節(jié)

<dialog>

定義對(duì)話框，比如提示框

<summary>

標(biāo)簽包含 details 元素的標(biāo)題

<figure>

規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。

<figcaption>

定義 <figure> 元素的標(biāo)題

<footer>

定義 section 或 document的頁腳。

<header>

定義了文檔的頭部區(qū)域

<mark>

定義帶有記號(hào)的文本。

<meter>

定義度量衡。僅用于已知大和最小值的度量。

<nav>

定義運(yùn)行中的進(jìn)度（進(jìn)程）。

<progress>

定義任何類型的任務(wù)的進(jìn)度。

<ruby>

定義 ruby 注釋（中文注音或字符）。

<rt>

定義字符（中文注音或字符）的解釋或發(fā)音。

<rp>

在 ruby 注釋中使用，定義不支持 ruby元素的瀏覽器所顯示的內(nèi)容。

<section>

定義文檔中的節(jié)（section、區(qū)段）。

<time>

定義日期或時(shí)間。

<wbr>

規(guī)定在文本中的何處適合添加換行符。

7.   已移除的元素

在HTML5中不再使用，已經(jīng)被刪除。

·    <acronym>
·    <applet>
·    <basefont>
·    <big>
·    <center>
·    <dir>
·    <font>
·    <frame>
·    <frameset>
·    <noframes>
·    <strike>
·    <tt>

關(guān)于“HTML5初窺2之新元素”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

新聞標(biāo)題：HTML5初窺2之新元素-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://www.muchs.cn/article32/dhospc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站排名、品牌網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)