網(wǎng)頁前端開發(fā)之HTML標(biāo)簽語義

HTML標(biāo)簽的設(shè)計(jì)都是有語義考慮的，下表是部分標(biāo)簽的全稱和中文翻譯。
標(biāo)簽名 英文全拼 中文翻譯 div division 分隔 span span 范圍 ol ordered list 排序列表 ul unordered list 不排序列表 li list item 列表項(xiàng)目 dl definition list 定義列表 dt definition term 定義術(shù)語 dd definitiion description 定義描述 del deleted 刪除 ins inserted 插入 h1~h6 header 1 to header 6 標(biāo)題1到標(biāo)題6 p paragraph 段落 hr horizontal rule 水平尺 a anchor 錨 abbr abbreviation 縮寫詞 acronym acronym 取首字母的縮寫詞 address address 地址 var variable 變量 pre preformatted 預(yù)定義格式 blockquote block quotation 區(qū)塊引用語 strong strong 加重 em emphasized 加重 b bold 粗體 i italic 斜體 big big 變大 small small 變小 sup superscripted 上標(biāo) sub subscripted 下標(biāo) br break 換行 center center 居中 font font 字體 u underlined 下劃線 s strikethrough 刪除線 fieldset fieldset 城集 legend legend 圖標(biāo) caption caption 標(biāo)題
其中，div和soan其實(shí)是沒有語義的，它們只是分別用作塊級元素和行內(nèi)元素的區(qū)域分隔符。
如何確定你的標(biāo)簽是否語義良好
判斷網(wǎng)頁標(biāo)簽語義是否良好的一個簡單方法就是：去掉樣式，看網(wǎng)頁結(jié)構(gòu)是否組織良好有序，是否仍然有很好的可讀性。
語義良好的網(wǎng)頁去掉樣式后結(jié)構(gòu)依然很清晰。
同樣的設(shè)計(jì)圖，不同的HTML標(biāo)簽可以通過不同的CSS實(shí)現(xiàn)同樣的頁面，但語義不好的CSS布局和語義良好的CSS布局在去樣式后的表現(xiàn)卻可能截然不同。
如果選用的標(biāo)簽幾乎全是不帶語義的，那么在去樣式后網(wǎng)頁中幾乎看不到任何結(jié)構(gòu)信息，可讀性非常差；如果選用的都是語義適合的標(biāo)簽，去樣式后網(wǎng)頁依然具有非常好的可讀性。

本文標(biāo)題：網(wǎng)頁前端開發(fā)之HTML標(biāo)簽語義
網(wǎng)頁路徑：http://muchs.cn/news/246326.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、搜索引擎優(yōu)化、網(wǎng)站收錄、品牌網(wǎng)站設(shè)計(jì)、外貿(mào)建站、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)