前言：
本文内容部分来自w3school的： http://www.w3school.com.cn/html5/tag_bdi.asp
个人积累学习用，感谢！
正文：
bdi
允许设置一段文本，使其脱离其父元素的文本方向设置
可选属性：
dir：
- ltr
- rtl
- auto 默认
扩展阅读：
http://www.iteye.com/problems/75691
zhangyaochun
- 浏览: 2622947 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
分享到：
发表评论
-
style新的属性 scoped
2013-12-14 17:33 2430本文收录一个style的新属性：scoped ... -
html5 form的novalidate属性
2013-12-13 21:31 966HTML5 form的 novalidate属 ... -
main元素
2013-08-03 11:52 1325main元素： 来自：HT ... -
link之dns-prefetch
2013-07-08 13:40 1451先看一段代码： <link re ... -
丢弃shiv的外链依赖吧
2013-05-20 20:08 1327很久之前，我们都是直接采用shiv来规避低版 ... -
html5之dialog标签
2013-04-17 15:14 2130前言： 本文部分内容来自w ... -
html5之meter标签
2013-04-17 15:14 1465前言： 本文部分内容来自w3sc ... -
html5之datalist标签
2013-04-17 15:14 1503前言： 本文部分内容来自w3sc ... -
fullScreen API
2013-04-11 11:42 1365本文只是贴出一下兼容列表： ... -
html5 button的form属性
2013-04-11 11:35 1326本文来自：http://www.w3schoo ... -
Data URI
2013-03-05 18:13 1552前言： 本文部分内容来自 《随网之舞 ... -
在线检测相关
2013-03-05 14:16 1323如何判断当前浏览器的在线或离线状态？ // ... -
离线存储 application cache
2013-03-05 10:57 1832离线与缓存： 网页缓存依赖网络的存 ... -
html5 右键菜单案例
2013-03-04 13:05 4381contextmenu属性 html ... -
html5 之menu标签
2013-03-04 12:10 2051HTML5 menu标签 定义菜 ... -
设置type="range"为vertical
2013-02-21 16:56 1419如何设置type=“range”为vertical ... -
ios5新特性部分整理
2013-02-21 16:56 1299本文整理一下ios5对HTML5的支持情况： ... -
IE10支持HTML5的输入类型
2013-02-20 11:47 1357IE10对部分输入控件进行了触控优化： ... -
pageshow与pagehide
2013-02-19 16:18 1840本文部分内容来自《Javascript高级程序设计》，个人 ... -
html5的预加载
2013-02-19 12:04 1287FF下： <link rel=&q ...
相关推荐
### HTML5标签速查表详解 #### 一、基础标签 **1.1 文档类型声明** **标签**: `<!DOCTYPE>` **描述**: 定义文档类型为HTML5，通常位于文档的第一行。 **1.2 HTML文档定义** **标签**: `<html>` **描述**: ...
HTML5 标签大全 HTML5 是最新的 HTML 标准，提供了许多新的标签和特性，提高了网页的交互性和可访问性。本文将对 HTML5 中的所有标签进行分类和解释，帮助开发者快速了解和使用这些标签。 结构性标签 * `<header>...
`<bdi>` 标签 - **作用**：用于设置一段文本，使其脱离其父元素的文本方向设置。常用于处理用户生成的内容，如评论区的多语言混合输入。 - **属性**：`dir`（指定文本方向，包括rtl从右至左和ltr从左至右）。 ####...
HTML5是现代网页开发的标准，它引入了许多新的标签和属性，以提高网页的语义性和可访问性。这个标签和属性手册提供了全面的参考，帮助开发者理解和使用这些新特性。 首先，HTML5的新标签旨在更好地组织和结构化网页...
2. **HTML5不支持的标签**：`<bdi>`、`<xmp>`和`<command>`是HTML5新增的标签，而`<dialog>`在HTML5中也被引入，所以这些都不是HTML5不支持的标签。 3. **HTML5新增API**：Media API、Command API和History API是...
HTML5是超文本标记语言（HyperText Markup Language）的最新版本，它引入了许多新的标签和功能，以增强网页的结构和交互性。以下是一些HTML5中常用的标签及其用途： 1. **基础标签**： - `<!DOCTYPE>`：声明文档...
HTML5常用标签大全 HTML5中有许多标签用于定义不同的HTML元素，以便更好地组织和格式化网页内容。以下是在HTML5中常用的标签： 基本结构标签 * `<!DOCTYPE>`：定义文档类型 * `<html>`：定义HTML文档 * `<title>`...
1. HTML5新增标签：如`<aside>`用于侧边栏内容，`<bdi>`用于隔离双向文本，`<command>`用于定义命令按钮，`<dialog>`用于对话框或窗口。这些标签增强了网页结构化，使内容更易于理解。 2. HTML5不包含的标签：例如`...
1. **选项A中的`<bdi>`** 属于HTML5新增标签，用于隔离文档中的一部分文本，以确保其方向性不会影响周围文本的方向性。 2. **选项B中的`<xmp>`** 不是HTML5新增的标签，它用于显示预格式化文本。 3. **选项C中的`...
在HTML5中，引入了一系列新的标签，以更好地结构化页面内容，比如`<aside>`用于侧边栏内容，`<bdi>`用于隔离双向文本，`<command>`用于定义命令按钮，而`<dialog>`则用于创建对话框。同时，一些旧标签如`<isindex>`...
### HTML5标签整理知识点 #### 一、基本概念与文档结构 - **`<!DOCTYPE>`**: 定义了文档类型，对于HTML5来说是`<!DOCTYPE html>`。它告诉浏览器这是一个HTML5文档。 - **`<html>`**: 表示整个HTML文档的根元素。 - ...
2. `<bdi>`和`<xmp>`在HTML5中作为新增标签，用于文本方向隔离和原始格式化内容展示。而`<samp>`和`<s>`则不是HTML5新引入的标签。 3. Media API、Command API、History API是HTML5中新增的API，用于处理媒体元素、...
- **D** `<label>`：不是HTML5的新标签，它在HTML4中就已经存在，用于为表单控件提供描述性的标签。 **答案**: D #### 2. HTML5中用于定义图形的标签是（） - **解析**: HTML5提供了多种方式来处理图形和媒体。 ...
13. BiDi-Isolate - 双向隔离文本方向：使用 `<bdi>` 标签定义双向隔离文本的方向，例如定义一个从右到左的文本方向。 14. BiDirectional Override - 双向覆盖文本方向：使用 `<bdo>` 标签定义双向覆盖文本的方向，...
1. **新增标签**：HTML5引入了一些新的语义化标签，如`<aside>`用于侧边栏内容，`<bdi>`用于隔离双向文本，`<command>`用于定义命令按钮，以及`<dialog>`用于对话框。而`<isindex>`和`<samp>`在HTML5中不再是新标签...
1. 新增标签：HTML5引入了若干新标签来增强语义化，如`<aside>`（侧边栏内容）、`<bdi>`（双向隔离文本）、`<command>`（命令按钮）和`<dialog>`（对话框）。这些标签有助于提高页面结构的清晰度和可读性。 2. ...
### HTML5 新增标签概述 #### 一、基础标签 - **`<!DOCTYPE>`**: 定义文档类型，对于HTML5来说，应使用`<!DOCTYPE html>`。 - **`<html>`**: 定义HTML文档的根元素。 - **`<title>`**: 定义文档的标题，在浏览器...