Html5开发-常用文本定义(三）

最新推荐文章于 2022-03-20 22:25:24 发布

无名之辈2018

最新推荐文章于 2022-03-20 22:25:24 发布

阅读量376

点赞数

分类专栏：前端文章标签： Html5

原文链接：https://www.mk2048.com/blog/blog.php?id=jh2bi0hab&title=Html5%E5%BC%80%E5%8F%91-%E5%B8%B8%E7%94%A8%E6%96%87%E6%9C%AC%E5%AE%9A%E4%B9%89%28%E4%B8%89%EF%BC%89

版权

前端专栏收录该内容

115 篇文章 0 订阅

订阅专栏

1、bdi - 从周围独立出一段文本，用于双向文本格式（bdi 是 bi-directional isolate 的缩写）
element/text/bdi .html

<!doctype html>
<html>
<head>
    <title>bdi</title>
</head>
<body>
    <!--
        bdi - 从周围独立出一段文本，用于双向文本格式（bdi 是 bi-directional isolate 的缩写）
    -->
    
    <!--bdi 的解释是纯翻译，不知道具体干嘛用，目前也没浏览器支持-->
    <bdi />
</body>
</html>

2、bdo - 定义文本排列的方向（bdo 是 bi-directional override 的缩写）
element/text/bdo.html

<!doctype html>
<html>
<head>
    <title>bdo</title>
</head>
<body>
    <!--
        bdo - 定义文本排列的方向（bdo 是 bi-directional override 的缩写）
          dir - 文本排列方向，可能的值有：auto|ltr|rtl（dir 是 direction 的缩写）
    -->
    <bdo dir="rtl">123</bdo>
</body>
</html>

3、span - 没有任何语义
element/text/span.html

<!doctype html>
<html>
<head>
    <title>span</title>
</head>
<body>
    <!--
        span - 没有任何语义
          div 与 span 的区别：div 是块级（block-level）元素，span 是内联（inline）元素
    -->
    <span>
        我没有任何语义
    </span>
</body>
</html>

4、br - 定义一个换行符（br 是 blank row 的缩写）
element/text/br.html

<!doctype html>
<html>
<head>
    <title>br</title>
</head>
<body>
    <!--
        br - 定义一个换行符（br 是 blank row 的缩写）
    -->
    a
    <br />
    b
    <br />
    c
</body>
</html>

5、wbr - 定义换行的时机（wbr 是 word break 的缩写）
element/text/wbr.html

<!doctype html>
<html>
<head>
    <title>wbr</title>
</head>
<body>
    <!--
        wbr - 定义换行的时机（wbr 是 word break 的缩写）。IE 10 预览版不支持
          处理字符型语言时，显示一段没有空格的字符串时，无论其多长都不会换行，此时如果有 wbr 标签，则字符串会在浏览器宽度不够时主动换行
    -->
    <p>
        webabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcd
    </p>
    <p>
        <wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr><wbr>webabcd</wbr>
    </p>
</body>
</html>