HTML5初窺2之新元素-H5教程-PHP中文網

HTML5初窺2之新元素

黄舟

發布： 2017-05-21 14:21:40

原創

1520 人瀏覽過

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 或
	#定義多媒體資源

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

################### ##為諸如######


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

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



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

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

HTML5初窺2之新元素