HTML5之lang属性与dir属性的详解
作者:
本篇文章是对HTML5中的lang属性与dir属性进行了详细的分析介绍,需要的朋友参考下
1:lang属性用于指定元素的属性值以及元素的内容文字所用的基准语言,默认值未知,但是,是否适用与属性,还要取决于语法和属性的语义,以及卷入的操作
用户浏览器在呈现HTML文档时,该属性的益处有以下几点:
(1) 协助搜索引擎
(2) 协助语音合成
(3) 协助选择符号异体字用于高品质的印刷
(4) 协助选择一套引号
(5) 协助解决连字符、绑定和空格
(6) 协助进行拼写检查和语法检查
2:文字方向属性dir
<!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">寒雨连江夜入吴,</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:从右向左显示
![](//img.jbzj.com/file_images/article/201306/2013061917284438.png)
用户浏览器在呈现HTML文档时,该属性的益处有以下几点:
(1) 协助搜索引擎
(2) 协助语音合成
(3) 协助选择符号异体字用于高品质的印刷
(4) 协助选择一套引号
(5) 协助解决连字符、绑定和空格
(6) 协助进行拼写检查和语法检查
2:文字方向属性dir
复制代码 代码如下:
<!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">寒雨连江夜入吴,</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:从右向左显示
![](http://img.jbzj.com/file_images/article/201306/2013061917284438.png)
您可能感兴趣的文章:
- 使用非html5实现js板连连看游戏示例代码
- 非html5实现js版弹球游戏示例代码
- html5的自定义data-*属性和jquery的data()方法的使用示例
- Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
- javascript和HTML5利用canvas构建猜牌游戏实现算法
- 纯JavaScript实现HTML5 Canvas六种特效滤镜示例
- JS HTML5 音乐天气播放器(Ajax获取天气信息)
- javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
- html5在android中的使用问题及技巧解读
- 使用jquery读取html5 localstorage的值的方法
- jQuery(非HTML5)可编辑表格实现代码
- 用Html5与Asp.net MVC上传多个文件的实现代码
- 基于jQuery的让非HTML5浏览器支持placeholder属性的代码
- HTML5附件拖拽上传drop & google.gears实现代码
- HTML5 WebStorage(HTML5本地存储技术)