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

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

在開江等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒ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個新的HTML語義（semantic）元素，這些元素都是塊級元素。為了能讓舊版本的瀏覽器正確顯示這些元素，可以設(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>我的第一個標(biāo)題</h2>
  
  <p>我的第一個段落。</p>
  
  <myHero>我的第一個新元素</myHero>
  
  </body>
  </html>

3. 多媒體元素

標(biāo)簽	描述
<audio>	定義音頻內(nèi)容
<video>	定義視頻（video 或者 movie）
<source>	定義多媒體資源 <video> 和 <audio>
<embed>	定義嵌入的內(nèi)容，比如插件。
<track>	為諸如 <video> 和 <audio> 元素之類的媒介規(guī)定外部文本軌道。

4. 畫布元素

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

5. 新表單元素

標(biāo)簽	描述
<datalist>	定義選項(xiàng)列表。請與 input 元素配合使用該元素，來定義 input 可能的值。
<keygen>	規(guī)定用于表單的密鑰對生成器字段。
<output>	定義不同類型的輸出，比如腳本的輸出。

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

標(biāo)簽	描述
<article>	定義頁面的側(cè)邊欄內(nèi)容
<aside>	定義頁面內(nèi)容之外的內(nèi)容。
<bdi>	允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。
<command>	定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕
<details>	用于描述文檔或文檔某個部分的細(xì)節(jié)
<dialog>	定義對話框，比如提示框
<summary>	標(biāo)簽包含 details 元素的標(biāo)題
<figure>	規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。
<figcaption>	定義 <figure> 元素的標(biāo)題
<footer>	定義 section 或 document的頁腳。
<header>	定義了文檔的頭部區(qū)域
<mark>	定義帶有記號的文本。
<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>	定義日期或時間。
<wbr>	規(guī)定在文本中的何處適合添加換行符。

7. 已移除的元素

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

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

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

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

新聞標(biāo)題：HTML5初窺2之新元素-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://jinyejixie.com/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)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

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