HTML標(biāo)簽的設(shè)計(jì)都是有語(yǔ)義考慮的,下表是部分標(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ù)語(yǔ) 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 縮寫(xiě)詞 acronym acronym 取首字母的縮寫(xiě)詞 address address 地址 var variable 變量 pre preformatted 預(yù)定義格式 blockquote block quotation 區(qū)塊引用語(yǔ) 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í)是沒(méi)有語(yǔ)義的,它們只是分別用作塊級(jí)元素和行內(nèi)元素的區(qū)域分隔符。
如何確定你的標(biāo)簽是否語(yǔ)義良好
判斷網(wǎng)頁(yè)標(biāo)簽語(yǔ)義是否良好的一個(gè)簡(jiǎn)單方法就是:去掉樣式,看網(wǎng)頁(yè)結(jié)構(gòu)是否組織良好有序,是否仍然有很好的可讀性。
語(yǔ)義良好的網(wǎng)頁(yè)去掉樣式后結(jié)構(gòu)依然很清晰。
同樣的設(shè)計(jì)圖,不同的HTML標(biāo)簽可以通過(guò)不同的CSS實(shí)現(xiàn)同樣的頁(yè)面,但語(yǔ)義不好的CSS布局和語(yǔ)義良好的CSS布局在去樣式后的表現(xiàn)卻可能截然不同。
如果選用的標(biāo)簽幾乎全是不帶語(yǔ)義的,那么在去樣式后網(wǎng)頁(yè)中幾乎看不到任何結(jié)構(gòu)信息,可讀性非常差;如果選用的都是語(yǔ)義適合的標(biāo)簽,去樣式后網(wǎng)頁(yè)依然具有非常好的可讀性。
本文標(biāo)題:網(wǎng)頁(yè)前端開(kāi)發(fā)之HTML標(biāo)簽語(yǔ)義
網(wǎng)頁(yè)路徑:http://www.rwnh.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)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)