首頁 > web前端 > H5教程 > HTML5初窺2之新元素

HTML5初窺2之新元素

黄舟
發布: 2017-05-21 14:21:40
原創
1582 人瀏覽過

1.   區塊元素

#HTML5定義了8個新的 HTML語意(semantic)元素,這些元素都是區塊層級元素。為了能讓舊版的瀏覽器正確顯示這些元素,可以設定CSS#display##屬性block

header, section, footer, aside, nav, main, article,figure{
 display: block;
}
登入後複製


2.   新增元素

HTML#新增的新的元素,並為該元素定義樣式,元素名為#:##

<!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>
  
  <h1>我的第一个标题</h1>
  
  <p>我的第一个段落。</p>
  
  <myHero>我的第一个新元素</myHero>
  
  </body>
  </html>
登入後複製

#(# movie#)

##3.   多媒體元素

##簽

描述

#

#定義音訊##內容

定義

影片

video

#定義多媒體資源


定義嵌入的內容,例如外掛程式。

################### ##為諸如######
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板