在文档级别设置方向
基方向
包含阿拉伯字母和希伯来字母的代码示例可能以不同方式显示，通常都不令人满意。在本文中，代码示例中的从右向左的文本可能用大写字母表示，从左到右文本用小写表示。
首先，理解基方向的概念很重要（请参阅Unicode双向文本算法基础，了解它如何与Unicode双向文本算法配合工作的简单概述）。
为文本建立适当的基方向非常重要，为了让Unicode双向文本算法就可以在显示时适当地重新排列文本。正确设置基方向还会设置文本的默认段落对齐方式。
在HTML中，基方向由使用dir属性的最近父元素显式设置（可能是html元素）。在没有dir的情况下，默认为从左到右（LTR）。
设置从右向左的页面
当整个文档方向为从右到左（RTL）时，在html标签中添加dir="rtl"。这为整个文档设置了默认的基方向。文档中的所有块元素都将继承此设置，除非被覆盖。
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
<meta charset="utf-8">
... 对于基方向为从左到右的文档，不需要dir属性，因为这是默认值，但使用值为ltr的属性也无害。
这将在渲染的页面中产生如下效果：
- 段落和其他块元素将右对齐。
- 双向文本将正确地从右到左流动。
- 标点符号将相对于文本出现在正确的位置。
- 表格列将从右到左进行，其内容将右对齐。
- 表单字段中的输入默认情况下将自动从右侧开始。
- 如果你正确编写样式表，CSS将自动镜像布局。
- 设置溢出的方向。
html标签中添加dir属性之前（左）和之后（右）内容的外观。（点击图像放大）滚动条
页面的LTR/RTL方向不应影响滚动条的位置，因为这些是浏览器界面的一部分，由用户决定，而不是由页面的语言决定。
title元素
HTML中title元素中的文本通常显示在标签页标题、书签等地方。在显示时，浏览器应该自动应用title元素在文档中的基方向。比如，如果html标签声明文档方向为RTL，则title元素文本应以RTL基方向显示。
在撰写本文时，浏览器倾向于从右到左显示RTL标题文本，反之亦然。但是，它们这样做不是通过检查标记应用于文本的方向，而是通过找到标题中第一个强方向性字符并假设这是正确的基方向。
大多数时候这会产生期望的结果。但是，如果RTL文档中的标题文本以拉丁字母的缩写词开头，在显示文本时顺序将是错误的（请参阅一些测试）。
这种情况的解决方法是在标题文本不以RTL字符开头时，在标题文本的开头添加‏。这在开头添加了U+200F RIGHT-TO-LEFT MARK，这是一个不可见的、强方向性的RTL字符。
如果你有以强RTL字符开头的LTR文本，请在开头使用‎。
