HTML5/CSS3/JavaScript
| 元素名 | 屬性名 | 屬性說明 | 作用備注 |
| <!--...--> | ? | ? | 代碼備注 |
| <html> | ? | ? | 根元素 |
| <head> | ? | ? | 頁面頭部 |
| <title> | ? | ? | 頁面標題 |
| <body> | ? | ? | 頁面主體 |
| <h1>~<h6> | ? | ? | 定義標題（字體大小區別） |
| <p> | ? | ? | 定義段落 |
| <br> | ? | ? | 插入一個換行 |
| <hr> | ? | ? | 定義水平線 |
| <div> | ? | ? | 定義文檔中的節 |
| <span> | ? | ? | 與div基本相似，區別是不默認不會換行顯示 |
?
| 元素名 | 屬性名 | 屬性說明 | 作用備注 |
| <b> | ? | ? | 定義粗體文本 |
| <i> | ? | ? | 定義斜體文本 |
| ?<em> | ? | ? | ?定義強調文本 實際效果與斜體文本差不多 |
| ?<strong> | ? | ? | ?與<b>標簽的作用和用法基本相同 HTML5為該元素增加了語義，使用該元素包起來的文本則為重要文本 |
| ?<small | ? | ? | ?定義小號字體文本 通常用來標注諸如免責聲明、注意事項、法律規定和版權相關的聲名性文字 |
| ?<sup> | ? | ? | 定義上標文本? |
| ?<sub> | ? | ? | 定義下標文本 |
| ?<bdo> | ?dir | ?只能指定兩種屬性值 1：dir = "ltr" 2：dir = "rtl" | ?指定屬性顯示文本不同效果 ltr屬性值文本則從左向右排列 rtl屬性值文本則從右向左排列 |
?
語義相關元素
| 元素名 | 屬性名 | 屬性說明 | 作用備注 |
| <abbr> | title | 該屬性用于指定該縮寫所代表的全稱 | 用于表示一個縮寫 |
| <address> | ? | ? | 用于表示一個地址，瀏覽器通常會用斜體字顯示該標簽內的文本 |
| <blockquote> | cite | 該屬性指定該引用文本所引用的網址URL | 用于定義一段長的引用文本，瀏覽器會用縮進的方式顯示該標簽內的文本 該標簽與<q>標簽作用區別是該標簽用于引用帶換行的、大段文本 |
| <q> | ? | ? | 用于定義一段短的引用文本，瀏覽器會為這段文本添加引號 該標簽與<blockquote>標簽的作用區別是該標簽用于引用不帶換行的、較短的文本 |
| <cite> | ? | ? | 用于表示作品(一本書、一部電影、一首歌曲)的標題，瀏覽器會用斜體字顯示該標簽內的文本 |
| <code> | ? | ? | 表示一段計算機代碼 |
| <dfn> | ? | ? | 用于定義一個專業術語，瀏覽器會用粗體或斜體字顯示該標簽內的文本 |
| <del> | ? | ? | 定義文檔中被刪除的文本，瀏覽器通常會以中劃線的形式來顯示該標簽內的文本 <ins>元素和<del>元素通常結合使用，用于表示文檔被"修訂"的效果 <del>表示被刪除的文本 <ins>表示更新的文本 |
| <ins> | cite datetime | cite：屬性值為一個URL,該URL對應的文本解釋了文本被刪除或插入的原因。 datetime：定義文本被刪除或插入的日期、時間 | 定義文檔中插入的文本，瀏覽器通常會以中劃線的形式來顯示該標簽內的文本 <ins>元素和<del>元素通常結合使用，用于表示文檔被"修訂"的效果 <del>表示被刪除的文本 <ins>表示更新的文本 |
| <pre> | ? | ? | 用于表示該標簽內的文本被預格式化，就是說元素所包含文本中的 空格、回車、Tab鍵和其他格式字符都會被保留下來。 |
| <samp> | ? | ? | 用于定義示范文本內容 |
| <kbd> | ? | ? | 用于定義鍵盤文本，該元素用于表示文本時通過鍵盤輸入的。 通常在計算機使用文檔、使用說明中會經常使用該元素。 |
| <var> | ? | ? | 用于表示一個變量，瀏覽器通常會用斜體字顯示該元素內的文本 |
?
?
?
?
| 元素名 | 屬性名 | 屬性說明 | 作用備注 |
| ?????<a>??? | ?href | ?指定超鏈接所關聯的另一個資源 | ?點擊該標簽會跳轉至該標簽href屬性指定的URL?URL地址的解釋如下： ?scheme:指定因特網服務的類型。最流行的是HTTP。 ? URL最流行的scheme及對應資源 ? file:訪問本地磁盤上的文件 ? ftp:訪問遠程FTP服務器上的文件 ? http:訪問WWW服務器上的文件 ? news:訪問新聞組上的文件 ? telnet:訪問Telnet連接 ? gopher:訪問遠程Gopher服務器上的文件 ?domain:指定因特網域名，比如 crazyit.org、fkjava.org等。? ?host:指定此域中的主機。如果被省略，HTTP的默認主機是WWW。? ?port:指定主機的端口號。端口號通常可以被省略，HTTP服務的默認端口是80。 ?path:指定遠程服務器上的路徑，該路徑也可以被省略， ?? 省略該路徑默認被定為到網站的根目錄。 ?filename:指定遠程文檔的名稱。如果省略該文件名，通常會定為到index.html index.htm等文件，或定為到Web服務器設置的其他文件。 |
| ?target? | ?指定使用框架集中的哪個框架來裝在另一個資源 | ||
| ?1：_self 自身 來裝載新資源 | |||
| ?2：_blank 新窗口 來裝載新資源 | |||
| ?3：_top 頂層框架 來裝載新資源 | |||
| ?4：_parent 父框架 來裝載新資源 | |||
| ?media | ?指定目標URL所引用的媒體類型。默認值為all。 ?只有當指定了href屬性時改屬性才有效 | ||
| ?name | ?指定name屬性可以為該標簽生成一個命名錨點 ?<a name="test"></a> ?使用href屬性可以直接連接到指定頁面的該定位點 <a href="anchor.html#test">定位到test錨點</a> | ||
| ? | ? | ? | ? |
?
| 元素名 | 屬性名 | 屬性說明 | 作用備注 |
| ?<ul> | ? | ? | ?定義無序列表，該元素只能包含<li> |
| ?<ol>?? | ?start | ?指定列表項的起始數字。默認是第一個，如1、A等 | ?定義有序列表，該元素只能包含<li> |
| ?type | ?指定使用哪種類型的編號，例如1代表使用數字， ?A和a代表使用字母，l和i代表羅馬數字。 ?該屬性不推薦使用，推薦使用CSS來定義。 | ||
| ?reversed | ?該屬性指定是否將排序反轉。目前還沒有瀏覽器支持該屬性 | ||
| ?<li> | ?定義列表項目 | ? | ?該元素可以包含與<div>完全類似的內容 |
| ?<dl> | ?自定義列表 | ? | ?該元素只能包含<dt>和<dd>兩種元素 |
| ?<dt> | ?定義標題 | ? | ?該元素只能包含文本、圖像、超鏈接、 ?文本格式化元素和表單控件元素等。 |
| ?<dd> | ?定義普通列表項 | ? | ?該元素可以包含與<div>完全類似的內容 |
| ? | ? | ? | ? |
?
| 元素名 | 屬性名 | 屬性說明 | 作用備注 |
| <img> | src | ? | ? |
| ? | alt | ? | ? |
| ? | height | ? | ? |
| ? | width | ? | ? |
| ? | usemap | ? | ? |
| <map> | ? | ? | 一旦我們使用<map>元素定義來圖片映射之后， 就可以讓指定圖片使用該圖片映射，通過為<img> 元素指定usemap屬性讓該圖片使用圖片映射，設置 usemap屬性值為#mapname |
| ? | ? | ? | ? |
| ? | ? | ? | ? |
| ? | ? | ? | ? |
轉載于:https://www.cnblogs.com/duzuoyan/p/3742492.html
總結
以上是生活随笔為你收集整理的HTML5/CSS3/JavaScript的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： js常见事件
- 下一篇： JavaScript学习笔记——unde