我的啟蒙--HTML5 第一章 語義化標籤,--html5語義

來源:互聯網
上載者:User

我的啟蒙--HTML5 第一章 語義化標籤,--html5語義
HTML5

  1.HTML5:全球資訊網的核心語言,HTML規範的第五次重大修改.現在大部分網站的主流編譯語言.學好HTML5是每一個前端的基礎課,當然她也很簡單

    HTML5簡化了很多細微的文法    例如doctype的聲明,你只需要寫<!doctype html>

 

  2.HTML5新增語義化標籤(雖然很少用到,但是還是要說一下)

    (1)<laomaoshi>老貓師:恩,你沒看錯HTML5可以自己定義標籤,而且屬於行內標籤</laomaoshi>

    (2)主體結構元素

     article:標籤裝載顯示一個獨立的文章內容,例如一篇文章、報導、小說。

     section :標籤定義文檔中的節(section、區段),例如一個小說中的一章節。

     aside:用來裝載非本文類的內容,對於主題內容的說明。

     nav :標籤定義顯示導航連結

     time:標籤定義西曆的時間(24 小時制)或日期,時間和時區位移是可選的。

 

    (3)非主體元素

     header :標籤定義文檔的頁面頭部,通常是一些引導和導航資訊

     footer : 標籤定義 section 或 document 的頁尾

     address: 標籤定義文檔作者或擁有者的聯絡資訊。

     如果 <address> 元素位於 <article> 元素內部,則它表示該文章作者或擁有者的聯絡資訊。通常的做法是將 address 元素添加到網頁的頭部或底部。

        main:標籤規定文檔的主要內容注釋:在一個文檔中,不能出現一個以上的 <main> 元素。<main> 元素不能是以下元素的後代:<article>、<aside>、<footer>、    <header> 或 <nav>。

 

    (4)表單域增強元素

       form:在HTML5裡,表單內的從屬元素可以寫在form外面

     formaction:屬性覆蓋 form 元素的 action屬性

     formmethod 屬性覆蓋 form 元素的 method 屬性,該屬性與 type="submit" 配合使用。 

       autofocus:讓指定的表單元素獲得焦點

       required:規定必須在提交之前填寫輸入欄位(不可為空)。

       placeholder: 屬性提供可描述輸入欄位預期值的提示資訊(hint),該提示會在輸入欄位為空白時顯示,並會在欄位獲得焦點時消失。

     autocomplete:當表單元素設定了自動完成功能後,會記錄使用者輸入過的內容,雙擊表單元素會顯示曆史輸入

    

  就這樣沒毛病,大體新增標籤常用的也就這些了吧,心疼自己,找了好久我以前的筆記,恩!在一堆雜物裡翻出了那本泛黃的筆記,好有滄桑感,:-D笑

  突然感覺從這開始是不是有點狠了

謹記當初奮鬥的自己,是他讓現在的自己,享受美好,                                           敬給還在奮鬥的你們,望與君共勉.

  

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.