亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

html5語義化

djfml / 3581人閱讀

摘要:文本元素序號(hào)標(biāo)簽英文全稱音標(biāo)中文釋義錨點(diǎn)換行略字符換行時(shí)機(jī)略粗體略加重斜體強(qiáng)調(diào)略刪除刪除線略下劃線略下劃線略源代碼變量略示例略鍵盤輸入縮寫引用略定義略標(biāo)簽文本引用略語言元素略注釋括號(hào)不支持時(shí)顯示雙向覆蓋文本方向略小字下標(biāo)上標(biāo)略時(shí)間略通用元素

1. 文本元素
序號(hào) HTML標(biāo)簽 英文全稱 音標(biāo) 中文釋義
1 a anchor [???k?] 錨點(diǎn)
2 br break [brek] 換行
3 wbr Word Break 字符換行時(shí)機(jī)
4 b bold 粗體
5 strong strong 加重
6 i italic [??t?l?k] 斜體
7 em emphasize [??mf??sa?z] 強(qiáng)調(diào)
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 標(biāo)簽文本
20 q quotation [kwo??te??n] 引用
21 ruby ruby 語言元素
22 rt ruby text 注釋
23 rp ruby parenthesis [p??r?nθ?s?s] 括號(hào)不支持ruby時(shí)顯示
24 bdo bidirectional override [?ba?d??r?k??n?l] 雙向覆蓋文本方向
25 small small 小字
26 sub subscript [?s?b?skr?pt] 下標(biāo)
27 sup superscript [?su:p?rskr?pt] 上標(biāo)
28 time time 時(shí)間
29 span span 通用元素
ruby的使用
(tāo)(tiè)
2. 分組元素
序號(hào) HTML標(biāo)簽 英文全稱 音標(biāo) 中文釋義
1 p paragraph [?p?r?gr?f] 段落
2 div division [d??v???n] 部分除法
3 blockquote block quote 大塊引用
4 pre pre-formatted 預(yù)定義格式
5 hr Horizontal Rule 水平線
6 ul,ol un/order list 有序/無序列表
7 li list item 列表項(xiàng)
8 dl define list 自定義列表
9 dt define term 自定義列表項(xiàng)
10 dd define Description 自定義列表數(shù)據(jù)
11 figure figure 流數(shù)據(jù)
12 figcaption figure caption 流數(shù)據(jù)標(biāo)題
figure的使用

  
這是一張圖片
3. 表格元素
序號(hào) HTML標(biāo)簽 英文全稱 音標(biāo) 中文釋義
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 表的數(shù)據(jù)
8 col column [?kɑ:l?m] 一列
9 colgroup column group 一組列
10 caption caption 表格名稱
thead和th的區(qū)別

thead,tbody,tfoot無論代碼位置如何,都會(huì)正確顯示。




  
    姓名
    性別
    婚否
  
col和colgroup的作用

行的樣式可以加在tr上,但列的樣式如何添加呢?答案就是使用col和colgroup.

// 第一列
    // 第二列和第三列
  
姓名性別婚否
張三未婚
李四已婚
4. 文檔元素
序號(hào) HTML標(biāo)簽 英文全稱 中文釋義
1 h1-h6 header 標(biāo)題
2 header header 首部
3 section section 部分
4 footer footer 尾部
5 nav navigation 導(dǎo)航
6 article article 文章
7 address address 地址
8 aside column 旁注
9 hgroup header group 一組標(biāo)題
10 details details 細(xì)節(jié)
11 summary summary details的標(biāo)題
article

article如同body,里面可以包含完整的header,section,footer.

5. 嵌入元素
序號(hào) HTML標(biāo)簽 英文全稱 中文釋義
1 img image 圖片
2 map map 分區(qū)響應(yīng)圖
3 area area 分區(qū)響應(yīng)圖 區(qū)域
4 audio audio 音頻
5 video video 視頻
6 iframe inline frame 內(nèi)聯(lián)框架
7 embed embed 使用插件嵌入
8 canvas canvas 畫圖
9 meter header group 度量衡,取值范圍
10 object object 嵌入對(duì)象
11 param param 通過object傳遞給插件的參數(shù)
12 progress progress 進(jìn)度條
13 source source 媒體資源
14 svg Scalable Vector Graphics 可縮放矢量圖形
15 track track 附加軌道,如字幕
object和param

object和param是4.0的東西,現(xiàn)在被embed,audio,video等替換。

embed插件
meter和progress

img map 和area

實(shí)現(xiàn)圖區(qū)熱點(diǎn)

風(fēng)景圖

  百度
  搜搜
  好搜
6. 表單元素
序號(hào) HTML標(biāo)簽 英文全稱 中文釋義
1 form form 表單
2 input input 輸入audio/checkbox
3 textarea textarea 文本輸入框
4 select select 下拉選擇
5 option option 下拉選項(xiàng)
6 optgroup option group 選項(xiàng) 組
7 button button 按鈕
8 datalist data list 數(shù)據(jù)列表
9 fieldset field set 表單字段集
10 legend legend 說明/傳說
10 output output 輸出結(jié)果
7. 全局屬性
序號(hào) HTML標(biāo)簽 英文全稱 中文釋義
1 id id id
2 class class class
3 accesskey accesskey 快捷鍵(alt+指定鍵)
4 contenteditable 讓文本處于可編輯狀態(tài)
5 dir dir 方向
6 hidden hidden 隱藏
7 lang lang 局部設(shè)置語言
8 title title 額外提示
9 tabindex tab index 按tab鍵 焦點(diǎn)獲取順序
10 style style 內(nèi)聯(lián)樣式
8. 參考資料

html 標(biāo)簽對(duì)應(yīng)的英文

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

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

相關(guān)文章

  • HTML語義標(biāo)簽探析

    摘要:具體的語義化標(biāo)簽探析本文主要是為了探析部分標(biāo)簽在語義化中的差別。同時(shí)也探索新加入的語義化標(biāo)簽。英文意思為,作用是定義列表中的項(xiàng)目。強(qiáng)調(diào)標(biāo)簽說明在上面的介紹中,已經(jīng)介紹了和,個(gè)中差別,看英文既能分辨。 什么是HTML語義化 HTML語義化就是根據(jù)具體內(nèi)容,選擇合適的標(biāo)簽進(jìn)行代碼的編寫。便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼,同時(shí)讓搜索引擎的爬蟲能更好的識(shí)別。 為什么要語義化 有利于SEO:搜...

    DandJ 評(píng)論0 收藏0
  • 深入理解HTML5標(biāo)簽

    摘要:可能一些有心的開發(fā)者會(huì)把的寫的語義明白些,比如導(dǎo)航欄的用,邊欄的用。 0. HTML5中最看重的理念語義化相比HTML有什么區(qū)別? 在之前翻譯的《如何寫出高效率的HTML》一文中提到了一些關(guān)于語義化標(biāo)簽的相關(guān)內(nèi)容,這里搜集整理了一些語義化標(biāo)簽方面的問題和解答,以供大家參考。 語義化這個(gè)概念應(yīng)該說是伴著HTML5應(yīng)運(yùn)而生,那么什么是HTML5中所謂的語義化? 簡單來說就是:描述...

    scq000 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<