新增html元素的使用

標籤：渲染   結合   頁面   資訊   字元   date   工具   電子郵件   span   

今天學習HTML5中新增元素的使用

(Ⅰ)新增主體結構元素

Section元素：用於對網站或應用程式中的內容進行分塊。

<section>

<h1></h1>

<p></p>

</section>

Article標籤定義外部內容。

<article>

</article>

Time元素的使用

<p>

<time>

</time></p>

<p>

<time datetime=>

</time>

</p>

 

Ⅱ（）新增非主體元素的使用

Header：是一種具有引導和導航作用的元素，通常用來放置整個頁面或者頁面內一個內容快標題。也包含表格，表單和相關logo圖片。

<p id=”p1”>

<time datetime=”2013-3-13>

今天是2013年3月17日

</time>

</p>

 

<p id=”p1”>

<time datetime=”2013-3-13T17:00>

今天是2013年3月17日晚上五點

</time>

</p>

 

Footer元素的使用

<footer>

<ul>

<li></li>

<li></li>

</ul>

</time>

 

Address元素的使用

用來在文檔中呈現聯絡資訊， 包括文檔作者和文檔維護者的名字。以及他們的網站連結，電子郵件地址，電話號碼等。

<address>

<a href=”….”></a>

</address>

 

Ⅲ（）新增其他元素的使用

Mark元素的使用。用來對網頁中的文字進行渲染，是文字更突出。

<p>…<mark></mark>…</p>

Progress元素的使用，表示啟動並執行進程。可以使用progress顯示javascript中耗費的時間函數進程。還可以表示下載的百分比。

對象下載進度

<progress>

<span id=”obgprogress”>76</span>%

</prgoress>

 

Command元素的使用

<menu>

<command onclick=”alert(‘hello world!’)”>click me!</command>

</menu>

其他屬性的使用：

屬性	隸屬性	意義
Reversed	Ol元素	制定列表倒序顯示
Charset	Meta元素	為文檔字元編碼提供一種良好的方式
Type	Menu元素	讓菜單可以以操作功能表，工具條與列表菜單三種形式出現
Lable	Menu元素	為菜單定義一個可見的標註
Scoped	Style元素	用來規定樣式的作用範圍，比如只對某個數起作用
Async	Script元素	定義指令碼是否非同步執行
Manifest	Html元素	開發離線web應用程式時與api結合使用
Sand,srcdoc,seamless	Iframe元素	提高頁面的安全性

 

新增html元素的使用