HTML dir 属性

最新推荐文章于 2022-03-31 19:53:20 发布
最新推荐文章于 2022-03-31 19:53:20 发布
阅读量4.3k 收藏 3
点赞数 1
分类专栏： html 文章标签： html xhtml xml 浏览器 文档 语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ccaakkee/article/details/2259750
版权
dir 属性 -- 定义(文字)的排列方式
  • 取值：
    • ltr -- 代表左到右的排列方式
    • rtl -- 代表右到左的排列方式
  • 默认值:ltr
  • 引用网址:http://www.dreamdu.com/xhtml/attribute_dir/

示例

ltr左到右的对齐方式

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="zh-CN">

rtl右到左的对齐方式

<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" xml:lang="zh-CN">

说明:

  • dir是国际化属性中的一员.
  • dir属性定义了文字在浏览器中的排列方向.
  • 如果定义整个HTML文档的排列方向应该在html标签中定义dir属性,其它HTML标签也可以定义dir属性.
  • ltr是dir的常见取值方式,一些语言(比如Arabic),是从右向左读的,所以应该取rtl.

延伸阅读

参考

 
ccaakkee
关注
专栏目录
HTML ＜dir＞ 标签
玄链教育
06-07 1237
dir> 标签定义目录列表。
HTML5之lang属性与dir属性的详解
09-05
在HTML5中，`lang`和`dir`是两个非常重要的属性，它们分别用于指定元素的语言和文字方向。本文将详细解析这两个属性的功能、用途及其对网页内容的影响。 首先，让我们了解一下`lang`属性。`lang`属性用于指定元素...
HTML5的dir属性
WinstonLau的博客
03-11 786
该属性为 HTML5 全局属性 该属性用来规定元素中文字的方向，其有效值有两个：ltr(从左到右_默认值) 和 rtl(从右到左) &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt
html dir位置,HTML5之dir属性
weixin_39606244的博客
06-04 279
芙蓉楼送辛渐王昌龄寒雨连江夜入吴，平明送客楚山孤。洛阳亲友如相问，一片冰心在玉壶。效果如下：芙蓉楼送辛渐王昌龄寒雨连江夜入吴，平明送客楚山孤。洛阳亲友如相问，一片冰心在玉壶。可以看到文字从右到左排序了，明显的这是dir属性的功劳。但是如果dir属性不镶嵌在bdo标签上是不会如此执行的，dir属性可以说和bdo标签相互依存(bdo 元素可覆盖默认的文本方向。)如果把dir放在了其他标签上效果就变成如...
HTML <dir> 标签
追梦猪的博客
09-28 217
实例目录列表：<dir> <li>HTML</li> <li>XHTML</li> <li>CSS</li> </dir>浏览器支...
html中dir是什么文件夹,DIR命令详解
weixin_39564510的博客
06-15 970
例如：查找D:demo目录及所有子目录下的html文件，并把查询结果输出到a.log文件中，使用命令：dir *.html /B /S >a.logdir命令：DIR [drive:][path][filename] [/A[[:]attributes]] [/B] [/C] [/D] [/L] [/N][/O[[:]sortorder]] [/P] [/Q] [/R] [/S] [/T[[...
HTML 全局属性
01-19
HTML 全局属性   New : HTML5 新属性。 属性 描述 accesskey 设置访问元素的键盘快捷键。 class 规定元素的类名（classname） contenteditableNew 规定是否可编辑元素的内容。 contextmenuNew 指定一个...
关于HTML5的data-*自定义属性的总结
12-10
HTML5的`data-*`自定义属性是现代网页开发中非常重要的一个特性，它允许开发者在HTML元素上存储额外的数据，这些数据不直接用于渲染，但可以在JavaScript中方便地访问和操作。本文将深入探讨`data-*`属性的用途、...
元素的dir属性
liubangbo的专栏
03-22 643
dir属性可以设置元素的显示方向，是从左往右(ltr)，还是从右往左(rtl)。如果你的产品要在阿拉伯语，波斯语，希伯来语等土豪国家卖，那么这个属性是很有用的。我们还是通过一个简单例子看看： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me...
html中dir标签的作用是什么意思,htmldir标签是干啥的？<dir>标签的具体定义和属性介绍...
weixin_33765908的博客
06-15 1324
本篇文章主要的为大家讲述的就是html dir标签的定义和html dir标签的compact属性的介绍，标签虽然现在不赞成使用，但用处还是有不少的，好了，让我们一起来看看这篇文章吧html dir标签的定义： 标签定义目录列表。HTML 标签实例目录列表：HTMLXHTMLCSShtml dir标签可选的属性：compact ： compact ： 不赞成使用。请使用样式代替。html ...
特殊属性dir()
zh0003的博客
05-22 244
魔术方法`__dir__`实例化一个类,dir(?),会显示什么? __dir__ import导入什么当前模块dir()里面就添加进什么(见例1) dir()收集类的所有属性,包括继承类(祖先类)见例2 例1: class A: def __init__(self): self.a = 5 print('in 01',dir()) a = A() from zs0...
标签属性 dir
记录点滴
05-31 447
dir 属性时可以改变文档流的水平流动方向，设计初衷是用在多语言处理中。 如： 英文和中文的阅读是从左忘右，阿拉伯语则是从右往左。 3个属性值： ltr - 文档从左往右排列 rtl - 文档从右往左排列 auto - 浏览器自己决定排列方式 <style> .wra{ width: 400px; border: 1px solid #cc511c; } .box{ display: inline-blo.
HTML5常用标签（2-2）标签内部标签
icbc66的博客
11-25 933
&lt;body&gt;标签内部常用元素： H1-H6 &lt;h1&gt; - &lt;h6&gt; 标签可定义标题。 &lt;h1&gt; 定义最大的标题。&lt;h6&gt; 定义最小的标题。 由于 h 元素拥有确切的语义，因此请慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。 相反，应当使用层叠样式表定义来达到漂亮的显示效果。 实...
HTML5之lang属性和dir属性
张波的技术积累
04-07 4159
1：lang属性用于指定元素的属性值以及元素的内容文字所用的基准语言，默认值未知，但是，是否适用与属性，还要取决于 语法和属性的语义，以及卷入的操作    用户浏览器在呈现HTML文档时，该属性的益处有以下几点：    (1) 协助搜索引擎    (2) 协助语音合成    (3) 协助选择符号异体字用于高品质的印刷    (4) 协助选择一套引号    (5) 协助解决连字符、绑定
HTML5之dir属性
anshaobiao6449的博客
04-05 145
<p style="text-align:center"><bdo dir="RTL">芙蓉楼送辛渐</bdo></p> <p style="text-align:center"><bdo dir="RTL">王昌龄</bdo></p> <p style="t...
页面基础元素
qq_39903993的博客
03-31 1008
1.<html> ------</html> <meta http-equiv="Content-TYPE" content="text/html;charset=utf-8"/> 2. 文本显示方向属性:dir 作用与语法：dir属性用来指定文本显示的方向，同时也决定浏览器滚条的位置。dir属性的语法结构如下。 <html dir="浏览器中文本的方向">----</html> dir属性可以取两个值，即ltr和rtl，分别表示浏览器中
HTML5全局属性深度解析
"html5全局属性(html5 global attributes)深入理解" HTML5全局属性是指那些可以应用于HTML文档中任何元素的属性。这些属性提供了一种通用的方法来控制元素的行为，无论该元素是什么类型。理解并有效地使用全局属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值