我的啟蒙--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笑
突然感覺從這開始是不是有點狠了
謹記當初奮鬥的自己,是他讓現在的自己,享受美好, 敬給還在奮鬥的你們,望與君共勉.