時間：2016年5月15日
在前面兩天的基礎(chǔ)學(xué)習(xí)中，盡管大多數(shù)東西給了我們一些新奇和體驗(yàn)秤涩，但是任何事物任何人都是不完美的出現(xiàn)，沒有誰說能夠把一件事情做的滴水不漏找不出一點(diǎn)瑕疵和破綻司抱。也許說來溉仑，我們只是站在普通的人潮的一個微小存在，除了順著人潮走我們別無他法状植，因?yàn)槲覀冞€沒有能夠逆著人潮而去的本事浊竟，也沒有那個勇氣，底氣不足津畸，再怎么偽裝終究還是心虛振定。
我是一個適應(yīng)快節(jié)奏的人。而且我也是一個自認(rèn)為學(xué)習(xí)能力很好的人肉拓，但是我的缺點(diǎn)明顯的讓我有些反感那就是自制力太差后频。但是怎么辦呢？我可以解決暖途，那就是學(xué)完了本該學(xué)習(xí)的其實(shí)還可以往后走卑惜，我完全可以在沒有老師的情況下吸收我自己想要掌握的東西，這些并不是難事驻售。
經(jīng)過前兩天的基礎(chǔ)講解露久，今天是完結(jié)的一天對于HTML5來說。前面我們學(xué)過了HTML5最基本的寫法欺栗，包括所有標(biāo)簽毫痕，列表征峦，鏈接，圖像等等消请，今天我們學(xué)習(xí)的就是剩下的關(guān)鍵內(nèi)容知識點(diǎn)栏笆。
一、結(jié)構(gòu)標(biāo)記
A臊泰、結(jié)構(gòu)標(biāo)記的概述
1蛉加、<div>標(biāo)簽。經(jīng)常用來設(shè)計頁面的大致布局缸逃，比如說頁頭七婴，導(dǎo)航欄，主要內(nèi)容部分和頁腳等察滑。在布局復(fù)雜的時候會出現(xiàn)大量的<div>標(biāo)簽。如果元素相互形成嵌套的話修肠，頁面會難以處理和維護(hù)的贺辰。在HTML5中提供了專門用于標(biāo)識常見結(jié)構(gòu)的結(jié)構(gòu)標(biāo)記，這樣就可以很方便的實(shí)現(xiàn)頁面各個部分的劃分嵌施，使得文檔結(jié)構(gòu)更清晰明確饲化，代碼更容易閱讀。其結(jié)構(gòu)如下：
如上述結(jié)構(gòu)那樣吗伤，便可以很好的區(qū)分頁面布局吃靠。
B、結(jié)構(gòu)標(biāo)記的種類
1足淆、<header>元素
通常是一些介紹信息巢块，導(dǎo)航信息，站點(diǎn)標(biāo)題或者logo圖片等巧号。它可以在頁面上出現(xiàn)很多次族奢，而且可以作為任何部分的頭部定義。
2丹鸿、<nav>元素
定義頁面導(dǎo)航鏈接部分越走，用于包含標(biāo)識表示鏈接的其他元素。
其結(jié)構(gòu)如下：
3靠欢、<section>元素
用于定義文檔中的節(jié)
表示文檔中的一個具體的組成部分廊敌，常用于為頁面上的內(nèi)容分塊，比如定義章節(jié)门怪，頁眉骡澈，頁腳或文檔中的其他部分。
4.＜footer＞元素
用于定義文檔中的尾部掷空，常用于文檔總結(jié)秧廉。
5伞广、＜aside＞元素
一般用于文檔的側(cè)邊欄。
以上五種元素并不是說寫出來就可以排版出文檔的樣式疼电，它還需要浮動元素嚼锄。
前面我們學(xué)習(xí)了表格，今天學(xué)習(xí)了和它有些類似但是完全是兩個概念的知識點(diǎn)蔽豺。
二区丑、表單
形如網(wǎng)頁上出現(xiàn)的選擇欄或者說登陸欄又或者是記錄信息到服務(wù)器上，那么我們就需要通過表單來完成修陡。
表單中也有很多標(biāo)簽來制作不同的效果沧侥。它用于顯示，收集信息到服務(wù)器魄鸦，它有兩個基本部分宴杀。a.是實(shí)現(xiàn)數(shù)據(jù)交互的可見的界面元素，比如文本框或按鈕拾因，b.提交后的表單處理旺罢。
1、界面元素
使用<form>元素創(chuàng)建表單绢记。在這個元素中添加其他表單可以包含控件元素扁达。
此元素有action，method蠢熄，enctype跪解，name四個屬性。
2签孔、表單控件
包含很多不同的類型叉讥。表單控件元素是包含在表單元素中具有可視化外觀的HTML元素，用于訪問者輸入信息
其中饥追，表單控件元素有：a节吮，input元素：文本輸入控件text，按鈕button判耕，單選radio和復(fù)選按鈕checkbox透绩，選項(xiàng)框option，文件選擇框和隱藏控件hidden等
b壁熄、textarea元素帚豪，select和option元素，還有其他元素草丧。
3狸臣、input元素有type（文本框），value（控件數(shù)據(jù)）昌执，name（控件名稱）烛亦，（disabled）禁用控件四個屬性诈泼。
4、文本框煤禽，密碼框铐达，單選框，復(fù)選框檬果，提交按鈕瓮孙，重置按鈕，普通按鈕选脊，隱藏域各自的寫法如下：
<input type="text"/>
<input type="password"/>
<input type="radio"/>
<input type="checkbox"/>
<input type="submit"/>
<input type="reset"/>
<input type="button"/>
<input type="hidden"/>
5杭抠、其他控件
a、<label>主要屬性for：表示與該元素相聯(lián)系的控件的ID值恳啥。
作用：將文本域空間練習(xí)在一起后偏灿，單機(jī)文本，效果同單擊控件一樣钝的。
b翁垂、選項(xiàng)框
c、控件分組
d扁藕、浮動框架元素
主要屬性有src，height疚脐，width
寫法如下：
e亿柑、摘要與細(xì)節(jié)
f、度量元素meter和時間元素time
datetime規(guī)定日期和時間之間用T文字分割棍弄。
總結(jié)：在學(xué)習(xí)完了HTML5的基礎(chǔ)之后望薄，由于太多的標(biāo)簽和屬性沖刺人的大腦，基本上想要記住這些標(biāo)簽和屬性都是不可能的呼畸，于是痕支，想要記住這些代碼標(biāo)簽和屬性的話就只能是熟能生巧，多謝多練蛮原，這就跟賣油翁的故事一樣卧须，時間久了的話就算油壺的壺嘴再小他也能把有一滴不灑得裝進(jìn)桶里，這不是技巧儒陨，而是熟練的結(jié)果花嘶。所以，在學(xué)習(xí)知識的同時不但要選回總結(jié)還是要學(xué)會反思和找到可以讓自己熟練掌握知識點(diǎn)的技巧和方法蹦漠。
