結(jié)構(gòu)標(biāo)記
經(jīng)常使用
元素設(shè)計(jì)頁(yè)面的大致布局抖格,如頁(yè)頭钝腺、導(dǎo)航欄龄捡、主要內(nèi)容部分和頁(yè)腳等
布局復(fù)雜時(shí),會(huì)出現(xiàn)大量的
元素
元素相互形成嵌套谓传,頁(yè)面會(huì)難以處理和維護(hù)
HTML5 提供了結(jié)構(gòu)標(biāo)記蜈项,專門用于標(biāo)識(shí)常見(jiàn)的結(jié)構(gòu)
如頁(yè)頭、頁(yè)腳等
可以很方便的實(shí)現(xiàn)頁(yè)面各個(gè)部分的劃分
使得文檔結(jié)構(gòu)更清晰明確续挟,代碼更容易閱讀
html
頁(yè)頭部分內(nèi)容
頁(yè)面主體部分內(nèi)容
頁(yè)腳部分
HTML5
頁(yè)頭部分內(nèi)容
頁(yè)面主體部分內(nèi)容
頁(yè)腳部分
標(biāo)簽紧卒,用于定義文檔的頁(yè)眉
通常是一些介紹信息、導(dǎo)航信息诗祸、站點(diǎn)標(biāo)題或者logo 圖片等
可以在頁(yè)面上出現(xiàn)多次跑芳,可以作為任何部分的頭部定義
元素來(lái)定義頁(yè)面的導(dǎo)航鏈接部分
用于包含表示鏈接的其他元素
Flowers
標(biāo)簽用于定義文檔中的節(jié)
表示文檔中的一個(gè)具體的組成部分
常用于為頁(yè)面上的內(nèi)容分塊,比如定義章節(jié)直颅、頁(yè)眉博个、頁(yè)腳或文檔中的其他部分可以使用 元素為內(nèi)容添加標(biāo)題
Rose
With sunshine, water, and careful tending, roses will bloom several times in a season.
標(biāo)簽常用于定義獨(dú)立于文檔的其他部分的內(nèi)容
比如論壇的一個(gè)帖子、一篇報(bào)紙文章际乘、某個(gè)博客條目或者用戶評(píng)論等
Rose
With sunshine, water, and careful tending, roses will bloom several times in a season.
Internet Explorer 9
IE9于 2011 年 3 月 14 日發(fā)布.....
元素常用于定義某區(qū)域的腳注信息
常用來(lái)定義文檔的頁(yè)腳坡倔,以包含友情鏈接、版權(quán)信息和作者信息等
一個(gè)頁(yè)面中也可以包含多個(gè) 元素
…
?2012 XX網(wǎng) ?京ICP證XXXXX號(hào)
元素常用于定義頁(yè)面的一些額外組成部分
如廣告欄脖含、側(cè)邊欄和相關(guān)引用信息等
…
最新留言
廣告
?2012 XX網(wǎng) ?京ICP證XXXXX號(hào)
表單
表單的作用
表單用于顯示收集信息罪塔,并提交信息到服務(wù)器
表單有兩個(gè)基本部分:1,實(shí)現(xiàn)數(shù)據(jù)交互的界面可見(jiàn)元素养葵,如短文本框和按,2征堪,提交后的表單處理
界面元素
用創(chuàng)建表單,在中添加表單可以包含的其他控件元素
定義表單
的主要屬性:
action ?定義表單被提交時(shí)發(fā)生的動(dòng)作关拒,通常包含服務(wù)器方的腳本
method 表單提交數(shù)據(jù)的方式佃蚜,取值為get或者post ? //需要復(fù)習(xí)
enctype 表單數(shù)據(jù)進(jìn)行編碼的方式
name表單名稱
表單控件
input ? ?單選,復(fù)選框着绊,按鈕谐算,選項(xiàng),文本選擇和隱藏控件等等
用于收集用戶信息
主要屬性:
type 文本框归露,復(fù)選框等類型
name 控件名稱
value 控件的數(shù)據(jù)
disabled 禁用控件
textarea
select和option元素
文本框與密碼框
主要屬性
name 名稱
value 由用戶自由輸入任何文本
maxlength 限制輸入的字符數(shù)
readonly 限制為只讀姓名:
value="mary" ?maxlength="6" />
密碼:
單選框和復(fù)選框
主要屬性
name 名稱
value 文本洲脂,選中則被提交
checked 默認(rèn)被選中
性別:
男
女
保密
喜歡的城市:
北京
廈門
敦煌
杭州
按鈕
提交按鈕
重置按鈕
普通按鈕
常用屬性 name ?value
隱藏域和文件選擇框
?name value
? ? name
lable控件
主要屬性:
for:表示與該元素相聯(lián)系的控件的 ID 值
作用:
將文本與控件聯(lián)系在一起后,單擊文本剧包,效果就同單擊控件一樣
不要公開(kāi)我的信息
選項(xiàng)框
兩種 ?下拉框和滾動(dòng)列表
常用屬性
name
size 大于1則為滾動(dòng)列表
multiple ?設(shè)置多選
選項(xiàng)
value 選項(xiàng)的值
selected 預(yù)選中
選擇課程:
Java
C++
PHP
textarea 多行文本輸入框
多行文本輸入框
文本
主要屬性:
name:名稱
cols:指定文本區(qū)域的列數(shù)
rows:指定文本區(qū)域的行數(shù)
readonly:只讀 元素:為控件分組
元素:為分組指定一個(gè)標(biāo)題
地址信息
地址:
郵編: