成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

HTML(5)基礎(chǔ)

zorro / 1649人閱讀

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

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

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

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

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

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

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

  

  

  

  

  

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

6、 引用blockquote、cite和q

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

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

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

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

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



? ?
? ?
? ?
? ?

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

10、form元素

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

11、input元素

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

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

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

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

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

    15、元素顯示類型

    • ? 塊狀顯示
      • ? 第一:塊狀元素默認(rèn)寬度都是100%,即塊狀元素會擠滿一行顯示
      • ? 第二:塊狀元素的頭尾都會隱藏一個換行符,即塊狀元素前面和后面都不能再有其它塊狀元素和行內(nèi)元素,也就是每個塊狀元素都多帶帶在新行顯示
    • ? 行內(nèi)顯示
      • ? 第一:行內(nèi)元素沒有高度和寬度,即使為它定義高度,瀏覽器也不會解析
      • ? 第二:行內(nèi)元素的呈現(xiàn)效果與塊狀元素存在很大差異,這不僅僅體現(xiàn)在寬度和高度方面,它們可以并列顯示,隨行移動
    • ? 行內(nèi)塊狀顯示
      • ? 行內(nèi)塊狀顯示是行內(nèi)顯示和塊狀顯示的結(jié)合,擁有各自優(yōu)勢,但必須通過CSS樣式申明,即元素不會默認(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兩個特殊的行內(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è)計中盡量避免使用ID

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

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

    • 文檔類型聲明統(tǒng)一定義為
    • meta元信息可以簡化為
    • 可以省略標(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
    • 具有布爾值的屬性
    • 省略引號 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)在頁面的head中,設(shè)置頁面其它部分的表現(xiàn)和行為,如script、style和title等
      • ? 短語:文本和文本結(jié)束標(biāo)記,如mark、kbd、sub和sup等

      ? 21、div、section和article

      • div元素關(guān)注結(jié)構(gòu)的獨(dú)立性,常作為一個容器布局大塊。
      • article元素代表文檔、頁面或者應(yīng)用程序中獨(dú)立完整的可以被外部引用的內(nèi)容。
      • section元素用于對網(wǎng)站或者應(yīng)用程序中頁面上的內(nèi)容進(jìn)行分塊。通常section元素用于對那些有標(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)容可以多帶帶存儲在數(shù)據(jù)庫中或輸出到word文檔中。

      22、nav和aside

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

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

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

    轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/1535.html

    相關(guān)文章

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

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

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

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

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

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

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

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

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

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

      CoyPan 評論0 收藏0

    發(fā)表評論

    0條評論

    閱讀需要支付1元查看
    <