| 標(biāo)簽名 | 英文全拼 | 中文翻譯 |
|---|---|---|
| a | anchor | 錨 |
| abbr | abbreviation | 縮寫(xiě)詞 |
| acronym | acronym | 取首字母的縮寫(xiě)詞 |
| address | address | 地址 |
| b | bold | 粗體 |
| big | big | 變大 |
| blockquote | block quotation | 區(qū)塊引用于 |
| br | break | 換行 |
| caption | caption | 標(biāo)題 |
| center | center | 居中 |
| dd | definition description | 定義描述 |
| del | delete | 刪除 |
| div | division | 分隔 |
| dl | definition list | 定義列表 |
| dt | definition term | 定義術(shù)語(yǔ) |
| em | emphasized | 加重 |
| fieldset | fieldset | 域集 |
| font | font | 字體 |
| h1~h6 | header1~header6 | 標(biāo)題1~標(biāo)題6 |
| hr | horizontal rule | 水平尺 |
| i | italic | 斜體 |
| ins | inserted | 插入 |
| legend | legend | 圖標(biāo) |
| li | list item | 列表項(xiàng)目 |
| ol | ordered list | 排序列表 |
| p | paragraph | 段落 |
| pre | preformatted | 預(yù)定義格式 |
| s | strikethrough | 刪除線(xiàn) |
| small | small | 變小 |
| span | span | 范圍 |
| strong | strong | 加重 |
| sub | subscripted | 下表 |
| sup | superscripted | 上標(biāo) |
| u | underlined | 下劃線(xiàn) |
| ul | unordered list | 不排序列表 |
| var | variable | 變量 |
下面補(bǔ)充一下
1、什么是html語(yǔ)義化
選擇合適的html標(biāo)簽，便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好地解析。
2、為什么要語(yǔ)義化？
為了在沒(méi)有CSS的情況下，頁(yè)面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu):為了裸奔時(shí)好看；
用戶(hù)體驗(yàn)：例如title、alt用于解釋名詞或解釋圖片信息、label標(biāo)簽的活用；
有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲(chóng)抓取更多的有效信息：爬蟲(chóng)依賴(lài)于標(biāo)簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重；
方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備）以意義的方式來(lái)渲染網(wǎng)頁(yè)；
便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)，語(yǔ)義化更具可讀性，是下一步吧網(wǎng)頁(yè)的重要?jiǎng)酉颍裱璚3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化。
3、寫(xiě)HTML代碼時(shí)應(yīng)注意什么？
1. 盡可能少的使用無(wú)語(yǔ)義的標(biāo)簽div和span；
2. 在語(yǔ)義不明顯時(shí)，既可以使用div或者p時(shí)，盡量用p, 因?yàn)閜在默認(rèn)情況下有上下間距，對(duì)兼容特殊終端有利；
3. 不要使用純樣式標(biāo)簽和規(guī)范不支持的標(biāo)簽，如：b、font、u、center,strike,menu等，改用css設(shè)置。
4. 需要強(qiáng)調(diào)的文本，可以包含在strong或者em標(biāo)簽中（瀏覽器預(yù)設(shè)樣式，能用CSS指定就不用他們），strong默認(rèn)樣式是加粗（不要用b），em是斜體（不用i）；
5. 使用表格時(shí)，標(biāo)題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和一般單元格要區(qū)分開(kāi)，表頭用th，單元格用td；
6. 表單域要用fieldset標(biāo)簽包起來(lái)，并用legend標(biāo)簽說(shuō)明表單的用途；
7. 每個(gè)input標(biāo)簽對(duì)應(yīng)的說(shuō)明文本都需要使用label標(biāo)簽，并且通過(guò)為input設(shè)置id屬性，在lable標(biāo)簽中設(shè)置for=someld來(lái)讓說(shuō)明文本和相對(duì)應(yīng)的input關(guān)聯(lián)起來(lái)。
8. 不要省略某些標(biāo)簽的屬性,<img>標(biāo)簽的alt屬性的作用是當(dāng)圖片不能正常顯示的時(shí)候的替換文字，<a>標(biāo)簽的title屬性可作為說(shuō)明信息，并且當(dāng)鼠標(biāo)hover時(shí)顯示為提示信息。
雅虎一道面試題：
<P> 哥寫(xiě)的不是HTML，是寂寞。<br><br> 我說(shuō)：<br>不要迷戀哥，哥只是一個(gè)傳說(shuō)
其中存在的問(wèn)題：
1. html與xhtml標(biāo)準(zhǔn)的區(qū)別，xhtml有嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)，標(biāo)簽必須關(guān)閉，單標(biāo)簽最后需要添加/來(lái)關(guān)閉，并且標(biāo)簽都必須小寫(xiě)；
2. 結(jié)構(gòu)和樣式的分離，不應(yīng)該使用<br/>來(lái)控制樣式，合理設(shè)計(jì)結(jié)構(gòu)，換行的段落需要為每個(gè)段落都添加p,樣式需要利用css實(shí)現(xiàn);
3. 合理利用標(biāo)簽，注重標(biāo)簽語(yǔ)義化，縮略可以用<abbr>標(biāo)注，“我”可以用<cite>標(biāo)注，引用的說(shuō)話(huà)內(nèi)容可以用<q>標(biāo)記；
//代碼參考如下
<p>哥寫(xiě)的不是<abbr title="Hypertext Markup Language">HTML</abbr>，是寂寞。</p>
<p><cite>我</cite>說(shuō)：<q>不要迷戀哥，哥只是一個(gè)傳說(shuō)</q></p>
以上就是Html技巧 語(yǔ)義化你的代碼 的詳細(xì)內(nèi)容，更多關(guān)于Html語(yǔ)義化的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
標(biāo)簽：山南 內(nèi)蒙古 吳忠 上海 清遠(yuǎn) 保定 陜西 廣安
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《Html技巧 語(yǔ)義化你的代碼》，本文關(guān)鍵詞 Html,技巧,語(yǔ)義,化,你的,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
