HTML5回憶整理-2

結(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

    Rose

    Daisy

    Daffodil

    標(biāo)簽用于定義文檔中的節(jié)

    表示文檔中的一個(gè)具體的組成部分

    常用于為頁(yè)面上的內(nèi)容分塊,比如定義章節(jié)直颅、頁(yè)眉博个、頁(yè)腳或文檔中的其他部分可以使用 元素為內(nèi)容添加標(biāo)題

    Rose

    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

    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è) 元素

      關(guān)于我們

      站點(diǎn)地圖

      幫助

      ?2012 XX網(wǎng) ?京ICP證XXXXX號(hào)

      元素常用于定義頁(yè)面的一些額外組成部分

      如廣告欄脖含、側(cè)邊欄和相關(guān)引用信息等

      最新留言

      廣告

        關(guān)于我們

        站點(diǎ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)題

        地址信息

        地址:

        郵編:

        最后編輯于
        ?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
        • 序言:七十年代末恐锦,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子疆液,更是在濱河造成了極大的恐慌一铅,老刑警劉巖,帶你破解...
          沈念sama閱讀 206,839評(píng)論 6 482
        • 序言:濱河連續(xù)發(fā)生了三起死亡事件堕油,死亡現(xiàn)場(chǎng)離奇詭異潘飘,居然都是意外死亡肮之,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
          沈念sama閱讀 88,543評(píng)論 2 382
        • 文/潘曉璐 我一進(jìn)店門卜录,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)局骤,“玉大人,你說(shuō)我怎么就攤上這事暴凑。” “怎么了赘来?”我有些...
          開(kāi)封第一講書(shū)人閱讀 153,116評(píng)論 0 344
        • 文/不壞的土叔 我叫張陵现喳,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我犬辰,道長(zhǎng)嗦篱,這世上最難降的妖魔是什么? 我笑而不...
          開(kāi)封第一講書(shū)人閱讀 55,371評(píng)論 1 279
        • 正文 為了忘掉前任幌缝,我火速辦了婚禮灸促,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘涵卵。我一直安慰自己浴栽,他們只是感情好,可當(dāng)我...
          茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
        • 文/花漫 我一把揭開(kāi)白布轿偎。 她就那樣靜靜地躺著典鸡,像睡著了一般。 火紅的嫁衣襯著肌膚如雪坏晦。 梳的紋絲不亂的頭發(fā)上萝玷,一...
          開(kāi)封第一講書(shū)人閱讀 49,111評(píng)論 1 285
        • 那天,我揣著相機(jī)與錄音昆婿,去河邊找鬼球碉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛仓蛆,可吹牛的內(nèi)容都是我干的睁冬。 我是一名探鬼主播,決...
          沈念sama閱讀 38,416評(píng)論 3 400
        • 文/蒼蘭香墨 我猛地睜開(kāi)眼多律,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼痴突!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起狼荞,我...
          開(kāi)封第一講書(shū)人閱讀 37,053評(píng)論 0 259
        • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤辽装,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后相味,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體拾积,經(jīng)...
          沈念sama閱讀 43,558評(píng)論 1 300
        • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
          茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
        • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了拓巧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片斯碌。...
          茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
        • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖肛度,靈堂內(nèi)的尸體忽然破棺而出傻唾,到底是詐尸還是另有隱情,我是刑警寧澤承耿,帶...
          沈念sama閱讀 33,756評(píng)論 4 324
        • 正文 年R本政府宣布冠骄,位于F島的核電站,受9級(jí)特大地震影響加袋,放射性物質(zhì)發(fā)生泄漏凛辣。R本人自食惡果不足惜,卻給世界環(huán)境...
          茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
        • 文/蒙蒙 一职烧、第九天 我趴在偏房一處隱蔽的房頂上張望扁誓。 院中可真熱鬧,春花似錦蚀之、人聲如沸蝗敢。這莊子的主人今日做“春日...
          開(kāi)封第一講書(shū)人閱讀 30,315評(píng)論 0 19
        • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)前普。三九已至,卻和暖如春壹堰,著一層夾襖步出監(jiān)牢的瞬間拭卿,已是汗流浹背。 一陣腳步聲響...
          開(kāi)封第一講書(shū)人閱讀 31,539評(píng)論 1 262
        • 我被黑心中介騙來(lái)泰國(guó)打工贱纠, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留峻厚,地道東北人。 一個(gè)月前我還...
          沈念sama閱讀 45,578評(píng)論 2 355
        • 正文 我出身青樓谆焊,卻偏偏與公主長(zhǎng)得像惠桃,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子辖试,可洞房花燭夜當(dāng)晚...
          茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

        推薦閱讀更多精彩內(nèi)容

        • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
          passiontim閱讀 171,520評(píng)論 25 707
        • ¥開(kāi)啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開(kāi)一個(gè)線程辜王,因...
          小菜c閱讀 6,358評(píng)論 0 17
        • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件罐孝、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
          肇東周閱讀 12,029評(píng)論 4 62
        • 1.修改SSH配置文件:/etc/ssh/sshd_config #找到Port 22呐馆,這里是標(biāo)識(shí)默認(rèn)使用22端口...
          王朋6閱讀 3,812評(píng)論 0 2
        • 白居易于千年前看到蘇家小女簡(jiǎn)簡(jiǎn),輕輕淺淺的一句“大都好物不堅(jiān)牢收班,彩云易散琉璃脆”道出了多少世事變遷的心酸坟岔。千年后,...
          棲墨閱讀 876評(píng)論 6 10