亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

HTML(5)基礎(chǔ)

zorro / 1644人閱讀

摘要:瀏覽器不支持該標(biāo)簽。標(biāo)識(shí)縮小文本,以縮小效果顯示。并不是所有的連接組都要放進(jìn)元素,只需要將主要的基本的連接組放進(jìn)元素即可。元素用來(lái)表示當(dāng)前頁(yè)面或文章的附屬信息部分。

?1、html常用標(biāo)簽

2、字符格式標(biāo)簽:

  • ...:標(biāo)識(shí)強(qiáng)調(diào)文本,以加粗效果顯示。
  • ?...:標(biāo)識(shí)引用文本,以斜體效果顯示。
  • ...:標(biāo)識(shí)閃爍文本,以閃爍效果顯示。IE瀏覽器不支持該標(biāo)簽。
  • ...:標(biāo)識(shí)放大文本,以放大效果顯示。
  • ...:標(biāo)識(shí)縮小文本,以縮小效果顯示。
  • ?...:標(biāo)識(shí)上標(biāo)文本,以上標(biāo)效果顯示。
  • ...:標(biāo)識(shí)下標(biāo)文本,以下標(biāo)效果顯示。
  • ...:標(biāo)識(shí)引用文本,以引用效果顯示。

3、xhtml即可擴(kuò)展標(biāo)記語(yǔ)言

  • ? 在文檔開(kāi)頭必須定義文檔類型
  • ? 在根元素中應(yīng)聲明命名空間,如
  • ? 所有標(biāo)簽必須閉合
  • ? 所有元素和屬性必須必須小寫
  • ? 所有屬性必須使用“”括起來(lái)
  • ? 所有屬性必須被賦值
  • ? 所有特殊符號(hào)必須都要用編碼表示"<"用"<"表示,">"用">"表示
  • ? 不要在注釋中使用"--"標(biāo)記
  • ? 廢除name屬性統(tǒng)一使用ID屬性

4、meta標(biāo)記表示網(wǎng)頁(yè)的相關(guān)信息即網(wǎng)頁(yè)元信息

  

  

  

  

  

5、一般一個(gè)網(wǎng)頁(yè)只有一個(gè)一級(jí)標(biāo)題。h1、h2和h3元素比較常用,h4元素偶爾使用,h5和h6元素基本上不被使用

6、 引用blockquote、cite和q

  • ? blockquote常用來(lái)作大段引用,一般不直接包含內(nèi)容,引用的內(nèi)容必須包含在一個(gè)元素中,可以與cite聯(lián)合使用,此時(shí),cite屬性指定引文的地址
  • ? q元素可直接包含引文內(nèi)容,顯示效果為外加“”
  • ? cite也可與q元素通用,但不能與元素同用,顯示效果為斜體
http://article.hongxiu.com/a/2007-1-26/1674332.shtml  

7、address表示地址、簽名、作者和文檔摘要

  
張三
中國(guó)北京
HTML元素的語(yǔ)義特征及其表現(xiàn)

8、列表應(yīng)該是同類、同型或同質(zhì)信息的排列和組合

9、table屬性summary屬性表示表格摘要,不會(huì)顯示,僅是為語(yǔ)音合成,非視覺(jué)瀏覽器或機(jī)器定義的。



? ?
? ?
? ?
? ?

排名 校名 總得分 人才培養(yǎng) 科學(xué)研究 分省排名 學(xué)校類型 得分 研究生培養(yǎng) 本科生培養(yǎng) 得分 自然科學(xué)研究 社會(huì)科學(xué)研究

10、form元素

  • ? enctype是Encase Type(包裝類型)的簡(jiǎn)稱
  • ? enctype="application/x-www-form-urlencoded":將表單中的數(shù)據(jù)編碼為名/值對(duì)的形式通過(guò)URL字符串的形式發(fā)送給服務(wù)器
  • ? enctype="multipart/form-data":將表單中的數(shù)據(jù)編碼為一條消息,每個(gè)表單域?qū)?yīng)消息中的一個(gè)部分,然后通過(guò)http方式發(fā)送到服務(wù)器,使用這種方式一般常用來(lái)傳遞二進(jìn)制信息,例如,使用表單進(jìn)行 ?文件上傳、提交圖像等。
  • ?enctype="text/plain":將表單中的數(shù)據(jù)以純文本的形式進(jìn)行編碼,其中不含任何空間(即表單域的名稱)的格式字符。這種方法一般很少使用,也不建議使用。
  • ?get和post傳遞方法:get以ADCII字符通過(guò)URL地址欄傳遞,不夠安全,且受地址欄長(zhǎng)度的影響,傳輸數(shù)據(jù)量有限;post方法則沒(méi)有字符集和容量大小的限制,且比較安全。

11、input元素

  • ? 復(fù)選框包括value屬性和checked屬性,value屬性設(shè)置復(fù)選框的傳遞值,checked屬性設(shè)置默認(rèn)選中狀態(tài)
  • ? 單選按鈕多個(gè)name屬性值必須相同,因?yàn)閱芜x按鈕實(shí)質(zhì)上僅是一個(gè)開(kāi)關(guān),只有兩個(gè)值,true和false,服務(wù)器僅把單選按鈕的值作為一個(gè)邏輯值來(lái)處理
  • ? type="file"當(dāng)表單域包含file域時(shí),必須設(shè)置method屬性為post且enctype="multipart/form-data",否則提交操作將失敗
  • ? type="image"圖像按鈕,它是普通按鈕的自定義樣式。src指定圖像URL,該按鈕沒(méi)有動(dòng)作,需要通過(guò)腳本形式為其定義操作的動(dòng)作
  • ? type="button"普通按鈕,沒(méi)有動(dòng)作,需要通過(guò)腳本為其定義動(dòng)作

12、表單分組:legend元素必須包含在fieldset元素內(nèi)部,且緊鄰fieldset元素。

基本信息(必填)
  • 用戶名 注冊(cè)用戶名長(zhǎng)度限制為3~12字節(jié)
  • 論壇密碼
參考資料(選填)
  • 個(gè)人網(wǎng)址
  • QQ號(hào)碼 填寫您的QQ號(hào)碼,方便與他人的聯(lián)系

13、綁定標(biāo)簽和定義鍵盤屬性

        
  • 注冊(cè)用戶名長(zhǎng)度限制為3~12字節(jié)
  • 14、select選項(xiàng)分區(qū)

    15、元素顯示類型

    • ? 塊狀顯示
      • ? 第一:塊狀元素默認(rèn)寬度都是100%,即塊狀元素會(huì)擠滿一行顯示
      • ? 第二:塊狀元素的頭尾都會(huì)隱藏一個(gè)換行符,即塊狀元素前面和后面都不能再有其它塊狀元素和行內(nèi)元素,也就是每個(gè)塊狀元素都多帶帶在新行顯示
    • ? 行內(nèi)顯示
      • ? 第一:行內(nèi)元素沒(méi)有高度和寬度,即使為它定義高度,瀏覽器也不會(huì)解析
      • ? 第二:行內(nèi)元素的呈現(xiàn)效果與塊狀元素存在很大差異,這不僅僅體現(xiàn)在寬度和高度方面,它們可以并列顯示,隨行移動(dòng)
    • ? 行內(nèi)塊狀顯示
      • ? 行內(nèi)塊狀顯示是行內(nèi)顯示和塊狀顯示的結(jié)合,擁有各自優(yōu)勢(shì),但必須通過(guò)CSS樣式申明,即元素不會(huì)默認(rèn)顯示為行內(nèi)塊狀元素
    • ? 表格顯示和列表顯示都是一種有其自身特點(diǎn)的塊狀元素

    16、塊狀元素

    • ? html、body、form、fieldset、legend、div、p、h1~h6、ol、ul、ol、dl、dt、dd、menu、col、colgroup、pre、address、blockquote、hr、title

    ? ? ? ?行內(nèi)元素

    • ? span、a、area、img、abbr、acronym、b、bdo、big、cite、code、del、dfn、em、font、i、ins、kbd、q、s、samp、small、sub、sup、tt、u、var、strong、button、select、textarea、label、object、caption、noscript

    ? ? ? ?標(biāo)頭區(qū)域隱藏元素

    • ? head、base、basefont、link、meta、script、style

    ? ? ? ?行內(nèi)塊狀元素

    • ? input、optgroup、option

    ? ? ? ?列表項(xiàng)元素

    • ? li

    ? ? ? 結(jié)構(gòu)內(nèi)隱藏元素

    • ? map、param、br

    ? ? ? 表格系列類型元素

    • ? table、th、tr、caption、summary、tbody、thead、tfoot、td

    17、結(jié)構(gòu)嵌套規(guī)則

    • ? 元素名稱必須小寫
    • ? 塊狀元素可以包含行內(nèi)元素,但是行內(nèi)元素不能包含塊狀元素,只有ins和des兩個(gè)特殊的行內(nèi)元素可以包含塊狀元素或行內(nèi)元素
    • ? scrpt元素既能包含在head元素中也能包含在body元素中,而style元素只能包含在head元素中
    • ? p和h1~h6可以直接包含行內(nèi)元素和純文本內(nèi)容而不能直接包含塊狀元素,但可以間接包含塊狀元素
    • ? ul和ol只能直接包含li元素,但是li元素可以包含任何其它元素
    • ? dl只能直接包含dt和dd元素,但dt元素只能包含行內(nèi)元素,不能包含任何塊狀元素,而dd元素可以包含任何元素
    • ? form只能直接包含塊狀元素,input是行內(nèi)元素,因此form不能直接包含input元素
    • ? caption只能包含行內(nèi)元素,而th和td能包含任何元素

    18、局部結(jié)構(gòu)的設(shè)計(jì)中盡量避免使用ID

    • ? 第一:局部結(jié)構(gòu)一般多使用語(yǔ)義性標(biāo)簽,定義ID意義不打
    • ? 第二:局部結(jié)構(gòu)可能會(huì)出現(xiàn)很多重復(fù)的結(jié)構(gòu),定義ID容易引發(fā)沖突
    • ? 第三:如果要控制局部結(jié)構(gòu)的樣式,可以使用包含選擇符來(lái)精確控制文檔結(jié)構(gòu)

    19、HTML5語(yǔ)法是為了保證和之前的html語(yǔ)法達(dá)到最大程度的兼容而設(shè)計(jì)的。

    • 文檔類型聲明統(tǒng)一定義為
    • meta元信息可以簡(jiǎn)化為
    • 可以省略標(biāo)記的元素
      • ? 第一:不允許寫結(jié)束標(biāo)記的元素有area、base、br、col、command、embed、hr、img、input、keygen、link、param、source、track、wbr
      • ? 第二:可以省略結(jié)束標(biāo)記的元素有l(wèi)i、dd、dt、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th
      • ? 第三:可以省略全部標(biāo)記的元素有html、head、body、colgroup、tbody
    • 具有布爾值的屬性
    • 省略引號(hào) 20、html5把元素分為六大類
      • ? 內(nèi)嵌:在文檔中添加其它類型的內(nèi)容,如audio、video、canvas、和iframe等
      • ? 流:在文檔和引用的body中使用的元素,如form、p和div等
      • ? 標(biāo)題:段落標(biāo)題,如h1、h2和hgroup等
      • ? 交互:與用戶交互的內(nèi)容,如音頻和視頻的控件、button和textarea等
      • ? 元素?fù)?jù):通常出現(xiàn)在頁(yè)面的head中,設(shè)置頁(yè)面其它部分的表現(xiàn)和行為,如script、style和title等
      • ? 短語(yǔ):文本和文本結(jié)束標(biāo)記,如mark、kbd、sub和sup等

      ? 21、div、section和article

      • div元素關(guān)注結(jié)構(gòu)的獨(dú)立性,常作為一個(gè)容器布局大塊。
      • article元素代表文檔、頁(yè)面或者應(yīng)用程序中獨(dú)立完整的可以被外部引用的內(nèi)容。
      • section元素用于對(duì)網(wǎng)站或者應(yīng)用程序中頁(yè)面上的內(nèi)容進(jìn)行分塊。通常section元素用于對(duì)那些有標(biāo)題的內(nèi)容進(jìn)行分段
      • article可以看做特殊的section,article元素更強(qiáng)調(diào)獨(dú)立性、完整性,section更強(qiáng)調(diào)相關(guān)性。而section元素關(guān)注內(nèi)容的獨(dú)立性,section元素包含的內(nèi)容可以多帶帶存儲(chǔ)在數(shù)據(jù)庫(kù)中或輸出到word文檔中。

      22、nav和aside

      • nav元素是一個(gè)可以用作頁(yè)面導(dǎo)航的連接組。并不是所有的連接組都要放進(jìn)nav元素,只需要將主要的、基本的連接組放進(jìn)nav元素即可。
      • aside元素用來(lái)表示當(dāng)前頁(yè)面或文章的附屬信息部分。

      不要為沒(méi)有標(biāo)題的內(nèi)容使用section元素,但是nav元素和aside元素沒(méi)有標(biāo)題是合理的。

    文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/1535.html

    相關(guān)文章

    • html基礎(chǔ)用法(上)

      摘要:超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括頭部分,和主體部分,期中頭部提供關(guān)于網(wǎng)頁(yè)的信息,主體部分提供網(wǎng)頁(yè)的具體內(nèi)容。超文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用語(yǔ)言下的一個(gè)應(yīng)用,也是一種規(guī)范,一種標(biāo)準(zhǔn),它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。html的定義: html超文本標(biāo)記語(yǔ)言,標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。 超文本就是指頁(yè)面內(nèi)可以包含圖片,鏈接,甚至音樂(lè),程序等非文字語(yǔ)言。 超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括頭部分(head...

      BlackHole1 評(píng)論0 收藏0
    • 前端開(kāi)發(fā)之基礎(chǔ)知識(shí)-HTML(一)

      摘要:文檔規(guī)范文檔規(guī)范制定了文檔的編寫規(guī)范,可部分遵守,也可全部遵守,看開(kāi)發(fā)要求。標(biāo)簽行內(nèi)元素,表示一行中的一小段內(nèi)容,沒(méi)有具體的語(yǔ)義。表示當(dāng)前文件所在目錄下的上一級(jí)目錄,比如表示當(dāng)前目錄下的上一級(jí)目錄下的文件夾中的的圖片。 1.1 html概述和基本結(jié)構(gòu) html概述 HTML是 HyperText Mark-up Language 的首字母簡(jiǎn)寫,意思是超文本標(biāo)記語(yǔ)言,超文本指的是超鏈接,標(biāo)記指...

      番茄西紅柿 評(píng)論0 收藏0
    • #WEB安全基礎(chǔ) : HTML/CSS | 0x8.1CSS繼承

      摘要:的一大特性繼承,怎么樣沒(méi)聽(tīng)說(shuō)過(guò)吧,沒(méi)了它我們修飾網(wǎng)頁(yè)時(shí)就變得十足的麻煩這是本節(jié)課準(zhǔn)備的文件黑體這是文件夾黑體先看看,代碼如下正文正文正文正文查看其它知識(shí)點(diǎn)位置對(duì)所有標(biāo)簽都起CSS的一大特性——繼承,怎么樣沒(méi)聽(tīng)說(shuō)過(guò)吧,沒(méi)了它我們修飾網(wǎng)頁(yè)時(shí)就變得十足的麻煩 這是本節(jié)課準(zhǔn)備的文件 ? 這是others文件夾 ? 先看看index.html,代碼如下 1 DOCTYPE html> ...

      tinysun1234 評(píng)論0 收藏0
    • 【連載】前端個(gè)人文章整理-從基礎(chǔ)到入門

      摘要:個(gè)人前端文章整理從最開(kāi)始萌生寫文章的想法,到著手開(kāi)始寫,再到現(xiàn)在已經(jīng)一年的時(shí)間了,由于工作比較忙,更新緩慢,后面還是會(huì)繼更新,現(xiàn)將已經(jīng)寫好的文章整理一個(gè)目錄,方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個(gè)人前端文章整理 從最開(kāi)始萌生寫文章的想法,到著手...

      madthumb 評(píng)論0 收藏0
    • 百度前端任務(wù)(3)(4)(5)——巧談前端基礎(chǔ)html,css布局

      摘要:經(jīng)過(guò)了百度前端技術(shù)學(xué)院任務(wù)三和四五,在這里總結(jié)一下前端布局的一些個(gè)人見(jiàn)解,很多前端新手就是沒(méi)有理解怎么布局而一直學(xué)不好先說(shuō)一下,我個(gè)人理解的前端布局的思想吧。 經(jīng)過(guò)了百度前端技術(shù)學(xué)院任務(wù)三和四五,在這里總結(jié)一下前端布局的一些個(gè)人見(jiàn)解,很多前端新手就是沒(méi)有理解怎么布局而一直學(xué)不好 先說(shuō)一下,我個(gè)人理解的前端布局的思想吧。 在前端布局的時(shí)候, 先不要設(shè)計(jì)太多什么margin,paddin...

      CoyPan 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    最新活動(dòng)
    閱讀需要支付1元查看
    <