摘要:文本元素序號標簽英文全稱音標中文釋義錨點換行略字符換行時機略粗體略加重斜體強調略刪除刪除線略下劃線略下劃線略源代碼變量略示例略鍵盤輸入縮寫引用略定義略標簽文本引用略語言元素略注釋括號不支持時顯示雙向覆蓋文本方向略小字下標上標略時間略通用元素
1. 文本元素
序號 | HTML標簽 | 英文全稱 | 音標 | 中文釋義 |
---|---|---|---|---|
1 | a | anchor | [???k?] | 錨點 |
2 | br | break | [brek] | 換行 |
3 | wbr | Word Break | 略 | 字符換行時機 |
4 | b | bold | 略 | 粗體 |
5 | strong | strong | 略 | 加重 |
6 | i | italic | [??t?l?k] | 斜體 |
7 | em | emphasize | [??mf??sa?z] | 強調 |
8 | del | delete | 略 | 刪除 |
9 | s/strike | strikethrough | [stra?ki:θ"ru:] | 刪除線 |
10 | u | underline | 略 | 下劃線 |
11 | ins | insert | 略 | 下劃線 |
12 | code | code | 略 | 源代碼 |
13 | var | variable | [?veri?bl] | 變量 |
14 | samp | sample | 略 | 示例 |
15 | kbd | keyborad | 略 | 鍵盤輸入 |
16 | abbr | abbreviation | [??brivi?e??n] | 縮寫 |
17 | cite | citation | [sa??te??n] | 引用 |
18 | dfn | define | 略 | 定義 |
19 | mark | mark | 略 | 標簽文本 |
20 | q | quotation | [kwo??te??n] | 引用 |
21 | ruby | ruby | 略 | 語言元素 |
22 | rt | ruby text | 略 | 注釋 |
23 | rp | ruby parenthesis | [p??r?nθ?s?s] | 括號不支持ruby時顯示 |
24 | bdo | bidirectional override | [?ba?d??r?k??n?l] | 雙向覆蓋文本方向 |
25 | small | small | 略 | 小字 |
26 | sub | subscript | [?s?b?skr?pt] | 下標 |
27 | sup | superscript | [?su:p?rskr?pt] | 上標 |
28 | time | time | 略 | 時間 |
29 | span | span | 略 | 通用元素 |
饕 餮2. 分組元素
序號 | HTML標簽 | 英文全稱 | 音標 | 中文釋義 |
---|---|---|---|---|
1 | p | paragraph | [?p?r?gr?f] | 段落 |
2 | div | division | [d??v???n] | 部分除法 |
3 | blockquote | block quote | 略 | 大塊引用 |
4 | pre | pre-formatted | 略 | 預定義格式 |
5 | hr | Horizontal Rule | 略 | 水平線 |
6 | ul,ol | un/order list | 略 | 有序/無序列表 |
7 | li | list item | 略 | 列表項 |
8 | dl | define list | 略 | 自定義列表 |
9 | dt | define term | 略 | 自定義列表項 |
10 | dd | define Description | 略 | 自定義列表數據 |
11 | figure | figure | 略 | 流數據 |
12 | figcaption | figure caption | 略 | 流數據標題 |
3. 表格元素這是一張圖片
序號 | HTML標簽 | 英文全稱 | 音標 | 中文釋義 |
---|---|---|---|---|
1 | table | table | 略 | 表格 |
2 | thead | table head | 略 | 表頭 |
3 | tbody | table body | 略 | 表體 |
4 | tfoot | table foot | 略 | 表腳 |
5 | tr | table row | 略 | 表的一行 |
6 | th | table head | 略 | 表頭 |
7 | td | table data | 略 | 表的數據 |
8 | col | column | [?kɑ:l?m] | 一列 |
9 | colgroup | column group | 略 | 一組列 |
10 | caption | caption | 略 | 表格名稱 |
thead,tbody,tfoot無論代碼位置如何,都會正確顯示。
col和colgroup的作用姓名 性別 婚否
行的樣式可以加在tr上,但列的樣式如何添加呢?答案就是使用col和colgroup.
姓名 | 性別 | 婚否 |
---|---|---|
張三 | 男 | 未婚 |
李四 | 女 | 已婚 |
序號 | HTML標簽 | 英文全稱 | 中文釋義 |
---|---|---|---|
1 | h1-h6 | header | 標題 |
2 | header | header | 首部 |
3 | section | section | 部分 |
4 | footer | footer | 尾部 |
5 | nav | navigation | 導航 |
6 | article | article | 文章 |
7 | address | address | 地址 |
8 | aside | column | 旁注 |
9 | hgroup | header group | 一組標題 |
10 | details | details | 細節 |
11 | summary | summary | details的標題 |
article如同body,里面可以包含完整的header,section,footer.
5. 嵌入元素序號 | HTML標簽 | 英文全稱 | 中文釋義 |
---|---|---|---|
1 | img | image | 圖片 |
2 | map | map | 分區響應圖 |
3 | area | area | 分區響應圖 區域 |
4 | audio | audio | 音頻 |
5 | video | video | 視頻 |
6 | iframe | inline frame | 內聯框架 |
7 | embed | embed | 使用插件嵌入 |
8 | canvas | canvas | 畫圖 |
9 | meter | header group | 度量衡,取值范圍 |
10 | object | object | 嵌入對象 |
11 | param | param | 通過object傳遞給插件的參數 |
12 | progress | progress | 進度條 |
13 | source | source | 媒體資源 |
14 | svg | Scalable Vector Graphics | 可縮放矢量圖形 |
15 | track | track | 附加軌道,如字幕 |
object和param是4.0的東西,現在被embed,audio,video等替換。
embed插件 meter和progressimg map 和area
實現圖區熱點
6. 表單元素
序號 | HTML標簽 | 英文全稱 | 中文釋義 |
---|---|---|---|
1 | form | form | 表單 |
2 | input | input | 輸入audio/checkbox |
3 | textarea | textarea | 文本輸入框 |
4 | select | select | 下拉選擇 |
5 | option | option | 下拉選項 |
6 | optgroup | option group | 選項 組 |
7 | button | button | 按鈕 |
8 | datalist | data list | 數據列表 |
9 | fieldset | field set | 表單字段集 |
10 | legend | legend | 說明/傳說 |
10 | output | output | 輸出結果 |
序號 | HTML標簽 | 英文全稱 | 中文釋義 |
---|---|---|---|
1 | id | id | id |
2 | class | class | class |
3 | accesskey | accesskey | 快捷鍵(alt+指定鍵) |
4 | contenteditable | 讓文本處于可編輯狀態 | |
5 | dir | dir | 方向 |
6 | hidden | hidden | 隱藏 |
7 | lang | lang | 局部設置語言 |
8 | title | title | 額外提示 |
9 | tabindex | tab index | 按tab鍵 焦點獲取順序 |
10 | style | style | 內聯樣式 |
html 標簽對應的英文
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/50471.html
摘要:具體的語義化標簽探析本文主要是為了探析部分標簽在語義化中的差別。同時也探索新加入的語義化標簽。英文意思為,作用是定義列表中的項目。強調標簽說明在上面的介紹中,已經介紹了和,個中差別,看英文既能分辨。 什么是HTML語義化 HTML語義化就是根據具體內容,選擇合適的標簽進行代碼的編寫。便于開發者閱讀和寫出更優雅的代碼,同時讓搜索引擎的爬蟲能更好的識別。 為什么要語義化 有利于SEO:搜...
摘要:可能一些有心的開發者會把的寫的語義明白些,比如導航欄的用,邊欄的用。 0. HTML5中最看重的理念語義化相比HTML有什么區別? 在之前翻譯的《如何寫出高效率的HTML》一文中提到了一些關于語義化標簽的相關內容,這里搜集整理了一些語義化標簽方面的問題和解答,以供大家參考。 語義化這個概念應該說是伴著HTML5應運而生,那么什么是HTML5中所謂的語義化? 簡單來說就是:描述...
閱讀 3715·2021-10-14 09:43
閱讀 3311·2021-08-25 09:38
閱讀 609·2019-08-30 15:55
閱讀 1343·2019-08-30 13:05
閱讀 2238·2019-08-29 16:05
閱讀 501·2019-08-29 12:58
閱讀 2791·2019-08-29 12:34
閱讀 3241·2019-08-26 12:15