首頁 > 文章 > web前端 > HTML5初窺2之新元素

HTML5初窺2之新元素

黄舟原創: 2017-05-21 14:21:401521瀏覽

1. 區塊元素

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

header, section, footer, aside, nav, main, article,figure{
 display: block;
}

2. 新增元素

向HTML#新增的新的元素，並為該元素定義樣式，元素名為523a75af872c9b7da9495f252f14cbcb#：##

<!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>

#39000f942b2545a5315c57fa3276f220（# movie#） b97864c2e0ef2353a16c4d64c7734e92

	##3. 多媒體元素
##簽	描述
#b97864c2e0ef2353a16c4d64c7734e92	#定義音訊##內容

定義影片	video 或
	e02da388656c3265154666b7c71a8ddc #定義多媒體資源 39000f942b2545a5315c57fa3276f220 和

d8e2720730be5ddc9c2a3782839e8eb6

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

9bf7cbf2c39baa37076a22499de2f6ed################### ##為諸如###### 39000f942b2545a5315c57fa3276f220 ######和###### b97864c2e0ef2353a16c4d64c7734e92 ######元素之類的媒介規定外部文字軌道。 ###########################4.### ###畫布元###素######### ###############579e5a7e837bcecaf0cfa40d9cd8425b#####################標籤定義圖形，例如圖表和其他圖像。此標籤基於###### ###JavaScript#########的###繪圖######### ###API######### ###########

5. 新表單元素

#簽


	。
描述	8607a2e293b278d267188ac6740939be
#定義選項清單。請與 input	元素配合使用該元素，來定義 input 可能的值。

###############a21fdc2eb75342695066291b4aaf7025########### #########規定用於表單的金鑰對###產生器###欄位。 ###########################be6d67dae90cc1ad6469079e163d0939################### ##定義不同類型的輸出，例如腳本的輸出。 ##################

6. 新的語意與結構元素

標簽	#描述
23c3de37f2f9ebcb477c4a90aac6fffd	#定義頁面的側邊欄內容
15221ee8cba27fc1d7a26c47a001eb9b	## 定義頁面內容之外的內容。
af4e6c3c591431c4583becd75d1c3582	允許您設定一段文本，使其脫離其父元素的文本方向設定。
e2b9f03cad787b9644e1f51fd23b7dac	定義指令按鈕，例如單選按鈕、複選框或按鈕
a5e9d42b316b6d06c62de0deffc36939	#是用來描述文件或文件某部分的細節
a38fd2622755924ad24c0fc5f0b4d412	##定義對話框，例如提示框
#631fb227578dfffda61e1fa4d04b7d25	#標籤包含 details 元素的標題
24203f2f45e6606542ba09fd2181843a	#規定獨立的串流內容（圖像、圖表、照片、程式碼等等）。
614eb9dc63b3fb809437a716aa228d24	定義 24203f2f45e6606542ba09fd2181843a #元素的標題
< ;footer>	定義 # section 或# #ument#的頁尾。
1aa9e5d373740b65a0cc8f0a02150c53	定義了文件的頭部區域
#f920514e6447cf1d171079d1371f007f	定義有記號的文字。
49c6123c49c6be380cb91db06cd3bfa9	定義度量衡。僅用於已知最大值和最小值的度量。
c787b9a589a3ece771e842a6176cf8e9	定義運行中的進度（進程）。
6ecb87e5318a36c03c59e25d55f43372	定義任何類型的任務的進度。
ec41f2147470148e85ad0337a362103e


############################n ##定義###### ruby #########註解###（中文註音或字元）。 ###########################7240f116d85a7ee375466871bc33670a################### ##定義字元（中文注音或字元）的解釋或發音。 ###########################515718f19dfe6612658be14be18aa0ec################### ##在###### ruby ######註解中使用，定義不支援###### ruby######元素的瀏覽器所顯示的內容。 ###########################2f8332c8dcfd5c7dec030a070bf652c3#########	定义文档中的节（section、区段）。
865ebc4a8f40017839ddd62af936776f	定义日期或时间。
37fcc81822f151c26d66e5caf9953670	规定在文本中的何处适合添加换行符。

7. 已移除的元素

在HTML5中不再使用，已经被删除。

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

以上是HTML5初窺2之新元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：HTML5初窺之簡介下一篇：HTML5初窺之簡介

看更多