用BDO改变文本流方向控制阅读顺序

原创 2007年09月29日 09:39:00

由于各个国家在阅读顺序上可能存在差异,所以有的时候需要能够控制文本的书写方向,或由左到右,或由右到左。

这时我们就可以用BDO这个东东来搞定对文本流方向的控制,要注意的是BDO元素将关闭双向法则并控制阅读顺序,当你使用BDO元素时必需附带DIR标签属性。

演示地址:http://www.doyoe.com/model/dhtml/example/bdo.htm

XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="飘零雾雨|edzmaster@gmail.com" />
<title>BDO文本片断双向法则</title>
</head>
<body>
<dl>
  <dt><strong>不使用BDO的普通文本:</strong></dt>
  <dd>一二三四五六七八九十</dd>
</dl>
<dl>
  <dt><strong>使用BDO并且方向由右到左(rtl):</strong></dt>
  <dd><bdo dir="rtl">一二三四五六七八九十</bdo></dd>
</dl>
<dl>
  <dt><strong>使用BDO并且方向由左到右(ltr):</strong></dt>
  <dd><bdo dir="ltr">一二三四五六七八九十</bdo></dd>
</dl>
<dl>
  <dt><strong>使用BDO并且两次改变方向:</strong></dt>
  <dd><bdo dir="rtl">五四三二一,<bdo dir="ltr">五四三二一。</bdo></bdo></dd>
</dl>
<h1>*使用BDO元素时必需附带DIR标签属性</h1>
</body>
</html>

* 一般,BDO的出现需要有如div, p, h系列,  del等的start-tag。

最后一段两次改变文本流方向,其实就是另写一个设置了DIR标签属性的BDO,用来覆盖上一个的双向法则,达到再次转换文本流的目的。

 

html——影响文档流属性详解

下面哪个属性不会让 div 脱离文档流(normal flow)? position: absolute; position: fixed; position: relative; floa...
  • xcymorningsun
  • xcymorningsun
  • 2016年12月02日 10:35
  • 691

HTML 文本格式化-文字方向(<bdo>标签)

文字方向是指从左到右还是从右到左。 例: My name is lianglizhong 显示效果为: 以上例子是从右到左,那如果从左到右呢: .gnohzilgnail si e...
  • lianglizhong1991
  • lianglizhong1991
  • 2016年07月13日 21:25
  • 243

activiti学习资料(在流程图中为带条件的顺序流添加提示信息)

Activiti5学习-在流程图中为带条件的顺序流添加提示信息 Activiti5 中没有对顺序流添加提示,生成的图片没有办法看出顺序流所表示的条件,   研究代...
  • howareyoutodaysoft
  • howareyoutodaysoft
  • 2012年10月14日 17:01
  • 2190

JAVA——IO流 之 节点流和处理流以及流的关闭顺序(5)

原文出处:http://www.cnblogs.com/byrhuangqiang/p/3924985.html?utm_source=tuicool&utm_medium=referral 代码: ...
  • jingzi123456789
  • jingzi123456789
  • 2017年05月20日 17:40
  • 463

android APK的屏幕方向

android:screenOrientation="portrait" 竖屏 android:screenOrientation="landscape" 横屏 android:screenOrien...
  • csdn_abcd
  • csdn_abcd
  • 2016年08月29日 11:46
  • 307

CSS入门之文本样式用法(文本对齐,首行缩进,文本竖排,文字方向)

文本对齐有4种: 1.text-align:left 2.text-align:right 3.text-align:center 4.text-align:justify 首行缩进:text-ind...
  • u011333814
  • u011333814
  • 2014年01月27日 00:06
  • 2392

自定义Gridview实现拖拉改变顺序 仿新闻频道管理

源码:http://download.csdn.net/detail/lm_zp/9563945 activity_main.xml
  • LM_ZP
  • LM_ZP
  • 2016年06月30日 16:07
  • 731

网页计数器代码

在网站目录下新建一个文本:txtcounter.txt 在文本填写1或其他识字2、新建一asp文件:count.asp,加入以下代码:CountFile=Server.MapPath("txtcoun...
  • winterking25
  • winterking25
  • 2010年04月26日 09:29
  • 1950

阅读Oracle官方文档一步步学习Oracle知识的正确顺序

通过阅读Oracle官方文档一步步学习Oracle知识的正确顺序是? Database Concepts 数据库基础概念文档,适合没有任何基础的新手: Oracle 12c概念官方手册A...
  • xiaobluesky
  • xiaobluesky
  • 2015年11月22日 20:58
  • 983

Jquery控制点击事件的触发顺序

比如: 有两个方法: var func_1 = function(){ }; var func_2 = function(){ }; 对同个dom绑定这两个事件,绑定顺序为:先绑定...
  • ok123zxx
  • ok123zxx
  • 2016年09月09日 13:56
  • 2510
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用BDO改变文本流方向控制阅读顺序
举报原因:
原因补充:

(最多只允许输入30个字)