首页  >  文章  >  web前端  >  html中<dir>标签的使用与作用详解

html中<dir>标签的使用与作用详解

黄舟
黄舟原创
2017-06-21 13:35:594232浏览

html标签中的dir属性算是一个国际化属性吧,利用dir属性可以指定文本在浏览器中的显示方向。

当需要指定整个文档或文档的大部分的方向性时,应当在100db36a723c770d327fc0aef2ce13b1元素中使用dir属性,而不是在6c04bd5ca3fcae76e30b72ad730ca86d元素中使用该属性,原因有两点:100db36a723c770d327fc0aef2ce13b1元素能够被浏览器更好地支持,并且随后该属性应用于头元素以及主体中的元素。如果希望改变文档一小部分内容的方向,也可以将dir属性用于文档主体的元素中。

dir属性有两个值:

ltr:从左到右,默认值。

rtl:从右到左,某些语言,例如希伯来语或阿拉伯语,再或者是我国古代的文言文,这是从右向左阅读的。  

用法示例如下:

定义从左向右阅读的文档:

<html dir="ltr">

定义从右向左阅读的文档:

<html dir="rtl">

我们先来看一个简单的例子:

<bdo dir="ltr">我非常爱你</bdo>
<bdo dir="rtl">你爱常非我</bdo>

你把上面的代码放入html中看看效果就明白了;

 注:使用bod标签时必须连用dir标签属性,ltr指从左到右的编排顺序,rtl指从右到左的编排顺序。

 其显示结果为:

 我非常爱你 
   
   我非常爱你

 我们看到,不一样的文本排序在经过bdo定义后变成了一样的显示结果,这就是bdo的作用。Unicode 双向算法会根据所嵌入的字符序列的方向特性将其自动反转。例如,英语文档的基本方向是由左至右(ltr)。如果文档内某一段包含了阅读顺序为由右至左(rtl)的语言,你就可以应用双向算法来反转该语言的方向。双向算法和 DIR 标签属性通常足以应付嵌入方向的变更。但是,当你将格式化后的文本交由双向算法处理时,可能会发生错误。例如,以电子邮件格式化后的包含英语和希伯莱语的文本段将被双向算法不正确地转换。由于希伯莱语文本的阅读顺序已经以电子邮件格式转换过了,对其应用双向算法则导致再一次对该文本进行转换。bdo元素将关闭双向算法并控制阅读顺序。当你使用bdo元素时必需连用dir标签属性。

以上是html中<dir>标签的使用与作用详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn