DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> HTML5之元素與標簽結構
HTML5之元素與標簽結構
編輯:HTML5教程     

HTML5新增標簽

新增的結構元素:

●section:<section> 標簽定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分。

●article:<article> 標簽規定獨立的自包含內容。

    一篇文章應有其自身的意義,應該有可能獨立於站點的其余部分對其進行分發。

    <article> 元素的潛在來源:論壇帖子、報紙文章、博客條目、用戶評論。

●aside:<aside>標簽表示article標簽內容之外的、與article標簽內容相關的輔助信息。

     <aside>的內容可用作文章的側欄。

●header:<header> 標簽定義文檔的頁眉(介紹信息)。

●hgroup:<hgroup> 標簽用於對網頁或區段(section)的標題進行組合。

●footer:<footer>標簽表示整個頁面或頁面中一個內容區塊的腳注,一般來說,它包含創作者的姓名、創作日期以及創作者的聯系信息。

    提示:<footer> 元素內的聯系信息應該位於<address> 標簽中。

●figure:<figure>標簽規定獨立的流內容(圖像、圖表、代碼等等)。

    figure元素的內容應該與主內容相關,但如果被刪除,則不應對文檔流產生影響。

●figcaption:<figcaption> 標簽定義 figure元素的標題(caption)。

      "figcaption" 元素應該被置於 "figure" 元素的第一個或最後一個子元素的位置。

 

新增的媒體元素:

●video:<video> 標簽定義視頻,比如電影片段或其他視頻流。

●audio:<audio> 標簽定義聲音,比如音樂或其他音頻流。

●enbed:<embed> 標簽定義嵌入的內容,比如插件。

 

新增的表單控件標簽:

●email:必須輸入email

●url:必須輸入url地址

●number:必須輸入數值

●range:必須輸入一定范圍內數值

●Date Pickers(日期選擇器):擁有多個可供選取日期和時間的新輸入類型:date-選取日、月、年  month-選取月、年  week-選取周和年  time-選取時間(小時和分鐘)                datetime-選取時間、日、月、年(UTC時間)  datetime-local - 選取時間、日、月、年(本地時間)

●search:用於搜索域,域顯示為常規的文本域。

●color:顏色選擇器。

 

新增的其它:

●mark:<mark> 標簽定義帶有記號的文本。請在需要突出顯示文本時使用 <m> 標簽。

●progress:<progress> 標簽標示任務的進度(進程)。ep:<progress value="22" max="100"></progress> 

●ruby:<ruby> 標簽定義 ruby 注釋(中文注音或字符)。ruby 元素由一個或多個字符(需要一個解釋/發音)和一個提供該信息的 rt 元素組成,還包括可選的 rp 元素,定義當浏覽器不支持 "ruby" 元素時顯示的內容。

●wbr:Word Break Opportunity (<wbr>) 規定在文本中的何處適合添加換行符。

●canvas:<canvas> 標簽定義圖形,比如圖表和其他圖像。

     <canvas> 標簽只是圖形容器,您必須使用腳本來繪制圖形。

●details:<details> 標簽用於描述文檔或文檔某個部分的細節。

     目前只有 Chrome 和 Safari 6 支持 <details> 標簽。

●datalist:<datalist> 標簽定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。

     datalist 及其選項不會被顯示出來,它僅僅是合法的輸入值列表。

     請使用 input 元素的 list 屬性來綁定 datalist。

     所有主流浏覽器都支持 <datalist> 標簽,除了 Internet Explorer 和 Safari。

●keygen:<keygen> 標簽規定用於表單的密鑰對生成器字段。

      當提交表單時,私鑰存儲在本地,公鑰發送到服務器。

●output:<output> 標簽定義不同類型的輸出,比如腳本的輸出。

 

HTML5被刪除的元素:

●能被css代替的標簽:basefont、big、center、font、s、strike、tt、u。這些標簽純粹是為畫面展示服務的,HTML5中提倡把畫面展示性功能放在css中統一編輯。

●不再使用frame框架,HTML5不再支持,只支持iframe框架。

●只有部分浏覽器支持的標簽:applet、bgsound、blink、marquee等標簽。

●其它被廢除的標簽:廢除rb,使用ruby替代;

           廢除acronym使用abbr替代;

           廢除dir使用ul替代;

           廢除isindex使用form與input相結合的方式替代;

           廢除listing使用pre替代;

           廢除xmp使用code替代;

           廢除nextid使用guids;

           廢除plaintex使用“text/plian”(無格式正文)MIME類型替代。

 

HTML5全局屬性

●data-*:使用 data-* 屬性來嵌入自定義數據。

     data-* 屬性用於存儲頁面或應用程序的私有自定義數據。

     data-* 屬性賦予我們在所有 HTML 元素上嵌入自定義 data 屬性的能力。

     存儲的(自定義)數據能夠被頁面的 JavaScript 中利用,以創建更好的用戶體驗(不進行 Ajax 調用或服務器端數據庫查詢)。

     屬性名不應該包含任何大寫字母,並且在前綴 "data-" 之後必須有至少一個字符,屬性值可以是任意字符串。

●hidden:如果設置該屬性,它規定元素仍未或不再相關。浏覽器不應顯示已規定 hidden 屬性的元素。hidden 屬性也可用於防止用戶查看元素,直到匹配某些條件(比如選擇了某個復選框)。然後,JavaScript 可以刪除 hidden 屬性,以使此元素可見。

●spellcheck:spellcheck 屬性規定是否對元素進行拼寫和語法檢查。

      可以對以下內容進行拼寫檢查:input 元素中的文本值(非密碼)、<textarea> 元素中的文本、可編輯元素中的文本。

●tabindex:tabindex 屬性規定元素的 tab 鍵控制次序(當 tab 鍵用於導航時)。

      以下元素支持 tabindex 屬性:<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>。

●contenteditable:contenteditable 屬性規定元素內容是否可編輯。

         如果元素未設置 contenteditable 屬性,那麼元素會從其父元素繼承該屬性。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved