關於HTML5代碼總結。


在閱讀完HTML5后,自己把一些常用的代碼總結了一下,自認為比較全,如果有什么錯誤請指出。

1.<!DOCTYPE html>聲明這是一個HTML5的頁面

 

2.<HTML lang="en"  />默認語言設置為英語

 

3.<meta charset="UTF-8">字符編碼被設置為UTF-8

 

4.<head></head>文檔的頭部

 

5.<body></body>頁面的主體

 

6.<title></title>頁面的標題(窗口的標題欄,瀏覽器的標簽頁,收藏夾列表,書簽列表)

 

7.<hn></hn>(n表示從1~6的數字)文檔的標題

 

8.<header></header>頁面的頁眉(在body中)

 

9.<nav></nav>文檔中重要的鏈接(包含在header中)

 

10.<main></main>文檔的主要部分(在body中)

 

11.<article></article>文檔的文章,段落(包含在main中)

 

12.<section></section>文檔中任意數量的區塊(在main中)

 

13.<aside></aside>文檔中的附錄欄(在body中)

 

14.<footer></footer>文檔的頁腳(在body中)

 

15.Id=”name”唯一的<元素 id=” “>

 

16.Class=”name anothername”可以有多個 <元素 class=”XXX YYYY”>名字之間用空格隔開

 

17.當訪問者把鼠標箭頭指向了說明標簽的元素時,顯示title

 

例 <a href=” “ title=” “>

 

18.<!-- --!> 在其中添加文檔的注釋

 

19.<p></p>文檔的段落

 

20.<small></small>免責聲明,注釋,署名等需要小字號

 

21.<strong></strong>重要的文本(用粗體顯示)

 

22.<em></em>強調的文本(用斜體顯示)

 

23.<figure><figcaption>圖表的標題</figcaption>圖表</figure>

 

24.<cite></cite>對某內容的引用或參考(斜體顯示)

 

25.<blackquote cite=”url” lang=” “></blackquote>引用塊級文本

 

26.<p cite=”url”>行內文本</p>

 

27.<time datetime=”time”> </time> 時間的引用

 

28.<abbr title=”expansion”></abbr>解釋縮寫詞

 

29.<dfn></dfn>定義術語

 

30.<sub></sub>創建下標 <sup></sup>創建上標

 

31.<address></address>作者的地址,聯系方式(斜體)

 

32.<ins<</ins>新添加的內容(用下划線表示)

 

33.<del></del>刪除的內容(文本中間有一條線)

 

34.<s></s>不在准確的內容

 

35.<pre></pre>預格式化文本

 

36.<mark></mark>突出顯示文本

 

37.<br />換行

38. <span id=”name”/class=”name” 其他屬性></span>包圍字詞或短語內容(無任何語義)

39. 文本中不常用的元素,簡寫:

<u></u>  <wbr  />  <ruby><rp><rt></rt></rp></ruby>     <bdi></bdi>   <bdo></bdo>    <meter></meter>    <progress></progress>

40. <img src=”image.url” />(圖片地址和/有一個空格的距離)在文檔中出入圖片

41. <img src=”image.url” alt=”” />alt表示由於某種原因無法顯示圖片時出來的內容

42. <img src=”image.url” alt=”” width=”X” height=”y” />輸入圖片的寬度和高度(均以em像素為單位)

43. <a href=”page.html” rel=”external” title=” “>鏈接的標簽</a>創建鏈接     rel表示指向另一個頁面的鏈接   title為鼠標停留來鏈接文本時顯示的內容  目標地址會顯示在頁面底部狀態欄

44. <a href=”page.url”>文本或段落</href>

45. < 元素id=”auchor-name”>創建錨

46. <a href=”#auchor-name”>標簽文本</a>鏈接到特定錨

47. <a href=”url”>鏈接的文本</a>

url 可以是文件地址[例:http://www.site.com/dir/file.ext  www.site.com 表示主機的名稱 dir/file.ext 文件的路徑(以文件名或者文檔目錄結尾),電子郵件地址(mailto:name@domain.com,   mailto后面是郵件地址),電話號碼(tel+國家代碼+電話號)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM