HTML5之lang属性与dir属性的详解
更新时间:2013年06月19日 17:31:23 作者:
本篇文章是对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:从右向左显示
用户浏览器在呈现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:从右向左显示
您可能感兴趣的文章:
- 使用非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本地存储技术)
相关文章
Javascript 学习笔记之 对象篇(二) : 原型对象
Javascript 并没有类继承模型,而是使用原型对象 prototype 进行原型式继承。尽管人们经常将此看做是 Javascript 的一个缺点,然而事实上,原型式继承比传统的类继承模型要更加强大。举个例子,在原型式继承顶端构建一个类模型很简单,然而反过来则是个困难得多的任务。2014-06-06JavaScript strike方法入门实例(给字符串加上删除线)
这篇文章主要介绍了JavaScript strike方法入门实例,strike方法用于给字符串加上删除线,需要的朋友可以参考下2014-10-10
最新评论