HTML5之lang屬性與dir屬性的詳解
更新時(shí)間:2013年06月19日 17:31:23 作者:
本篇文章是對HTML5中的lang屬性與dir屬性進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下
1:lang屬性用于指定元素的屬性值以及元素的內(nèi)容文字所用的基準(zhǔn)語言,默認(rèn)值未知,但是,是否適用與屬性,還要取決于語法和屬性的語義,以及卷入的操作
用戶瀏覽器在呈現(xiàn)HTML文檔時(shí),該屬性的益處有以下幾點(diǎn):
(1) 協(xié)助搜索引擎
(2) 協(xié)助語音合成
(3) 協(xié)助選擇符號異體字用于高品質(zhì)的印刷
(4) 協(xié)助選擇一套引號
(5) 協(xié)助解決連字符、綁定和空格
(6) 協(xié)助進(jìn)行拼寫檢查和語法檢查
2:文字方向?qū)傩詃ir
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>唐詩一首</title>
</head>
<body>
<p style="text-align:center"><bdo dir="RTL">芙蓉樓送辛漸</bdo></p>
<p style="text-align:center"><bdo dir="RTL">王昌齡</bdo></p>
<p style="text-align:center"><bdo dir="RTL">寒雨連江夜入?yún)牵?lt;/bdo></p>
<p style="text-align:center"><bdo dir="RTL">平明送客楚山孤。</bdo></p>
<p style="text-align:center"><bdo dir="RTL">洛陽親友如相問,</bdo></p>
<p style="text-align:center"><bdo dir="RTL">一片冰心在玉壺。</bdo></p>
</body>
</html>
RTL:從右向左顯示

用戶瀏覽器在呈現(xiàn)HTML文檔時(shí),該屬性的益處有以下幾點(diǎn):
(1) 協(xié)助搜索引擎
(2) 協(xié)助語音合成
(3) 協(xié)助選擇符號異體字用于高品質(zhì)的印刷
(4) 協(xié)助選擇一套引號
(5) 協(xié)助解決連字符、綁定和空格
(6) 協(xié)助進(jìn)行拼寫檢查和語法檢查
2:文字方向?qū)傩詃ir
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>唐詩一首</title>
</head>
<body>
<p style="text-align:center"><bdo dir="RTL">芙蓉樓送辛漸</bdo></p>
<p style="text-align:center"><bdo dir="RTL">王昌齡</bdo></p>
<p style="text-align:center"><bdo dir="RTL">寒雨連江夜入?yún)牵?lt;/bdo></p>
<p style="text-align:center"><bdo dir="RTL">平明送客楚山孤。</bdo></p>
<p style="text-align:center"><bdo dir="RTL">洛陽親友如相問,</bdo></p>
<p style="text-align:center"><bdo dir="RTL">一片冰心在玉壺。</bdo></p>
</body>
</html>
RTL:從右向左顯示

您可能感興趣的文章:
- 使用非html5實(shí)現(xiàn)js板連連看游戲示例代碼
- 非html5實(shí)現(xiàn)js版彈球游戲示例代碼
- html5的自定義data-*屬性和jquery的data()方法的使用示例
- Javascript和HTML5利用canvas構(gòu)建Web五子棋游戲?qū)崿F(xiàn)算法
- javascript和HTML5利用canvas構(gòu)建猜牌游戲?qū)崿F(xiàn)算法
- 純JavaScript實(shí)現(xiàn)HTML5 Canvas六種特效濾鏡示例
- JS HTML5 音樂天氣播放器(Ajax獲取天氣信息)
- javascript結(jié)合html5 canvas實(shí)現(xiàn)(可調(diào)畫筆顏色/粗細(xì)/橡皮)的涂鴉板
- html5在android中的使用問題及技巧解讀
- 使用jquery讀取html5 localstorage的值的方法
- jQuery(非HTML5)可編輯表格實(shí)現(xiàn)代碼
- 用Html5與Asp.net MVC上傳多個(gè)文件的實(shí)現(xiàn)代碼
- 基于jQuery的讓非HTML5瀏覽器支持placeholder屬性的代碼
- HTML5附件拖拽上傳drop & google.gears實(shí)現(xiàn)代碼
- HTML5 WebStorage(HTML5本地存儲技術(shù))
相關(guān)文章
Angularjs 設(shè)置全局變量的方法總結(jié)
這篇文章主要介紹了Angularjs 設(shè)置全局變量的方法總結(jié)的相關(guān)資料,需要的朋友可以參考下2016-10-10javascript定義變量時(shí)加var與不加var的區(qū)別
這篇文章主要介紹了javascript 變量中 var 與不加var的區(qū)別,需要的朋友可以參考下2014-12-12Javascript 學(xué)習(xí)筆記之 對象篇(二) : 原型對象
Javascript 并沒有類繼承模型,而是使用原型對象 prototype 進(jìn)行原型式繼承。盡管人們經(jīng)常將此看做是 Javascript 的一個(gè)缺點(diǎn),然而事實(shí)上,原型式繼承比傳統(tǒng)的類繼承模型要更加強(qiáng)大。舉個(gè)例子,在原型式繼承頂端構(gòu)建一個(gè)類模型很簡單,然而反過來則是個(gè)困難得多的任務(wù)。2014-06-06JavaScript strike方法入門實(shí)例(給字符串加上刪除線)
這篇文章主要介紹了JavaScript strike方法入門實(shí)例,strike方法用于給字符串加上刪除線,需要的朋友可以參考下2014-10-10JavaScript基礎(chǔ)語法與數(shù)據(jù)類型介紹
這篇文章介紹了JavaScript基礎(chǔ)語法與數(shù)據(jù)類型,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-02-02javascript 繼承學(xué)習(xí)心得總結(jié)
下面小編就為大家?guī)硪黄猨avascript 繼承學(xué)習(xí)心得總結(jié)。小編覺得挺不錯(cuò)的?,F(xiàn)在分享給大家。給大家做個(gè)參考2016-03-03