成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML(5)基礎

zorro / 1449人閱讀

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

?1、html常用標簽

2、字符格式標簽:

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

3、xhtml即可擴展標記語言

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

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

  

  

  

  

  

5、一般一個網(wǎng)頁只有一個一級標題。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、列表應該是同類、同型或同質(zhì)信息的排列和組合

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



? ?
? ?
? ?
? ?

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

10、form元素

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

11、input元素

  • ? 復選框包括value屬性和checked屬性,value屬性設置復選框的傳遞值,checked屬性設置默認選中狀態(tài)
  • ? 單選按鈕多個name屬性值必須相同,因為單選按鈕實質(zhì)上僅是一個開關(guān),只有兩個值,true和false,服務器僅把單選按鈕的值作為一個邏輯值來處理
  • ? type="file"當表單域包含file域時,必須設置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、綁定標簽和定義鍵盤屬性

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

    15、元素顯示類型

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

    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

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

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

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

    • ? input、optgroup、option

    ? ? ? ?列表項元素

    • ? 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)的設計中盡量避免使用ID

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

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

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

      ? 21、div、section和article

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

      22、nav和aside

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

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

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

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

    相關(guān)文章

    • html基礎用法(上)

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

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

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

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

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

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

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

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

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

      CoyPan 評論0 收藏0

    發(fā)表評論

    0條評論

    最新活動
    閱讀需要支付1元查看
    <