国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML(5)基礎

zorro / 1408人閱讀

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

?1、html常用標簽

2、字符格式標簽:

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

3、xhtml即可擴展標記語言

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

4、meta標記表示網頁的相關信息即網頁元信息

  

  

  

  

  

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

6、 引用blockquote、cite和q

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

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

  
張三
中國北京
HTML元素的語義特征及其表現

8、列表應該是同類、同型或同質信息的排列和組合

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



? ?
? ?
? ?
? ?

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

10、form元素

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

11、input元素

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

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

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

13、綁定標簽和定義鍵盤屬性

        
  • 注冊用戶名長度限制為3~12字節
  • 14、select選項分區

    15、元素顯示類型

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

    16、塊狀元素

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

    ? ? ? ?行內元素

    • ? 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

    ? ? ? ?標頭區域隱藏元素

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

    ? ? ? ?行內塊狀元素

    • ? input、optgroup、option

    ? ? ? ?列表項元素

    • ? li

    ? ? ? 結構內隱藏元素

    • ? map、param、br

    ? ? ? 表格系列類型元素

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

    17、結構嵌套規則

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

    18、局部結構的設計中盡量避免使用ID

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

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

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

      ? 21、div、section和article

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

      22、nav和aside

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

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

    文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

    轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1535.html

    相關文章

    • html基礎用法(上)

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

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

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

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

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

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

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

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

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

      CoyPan 評論0 收藏0

    發表評論

    0條評論

    zorro

    |高級講師

    TA的文章

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