• 第六十节,文本元素标签


    文本元素标签

    <b></b>表示关键字和产品名称
    如:<b>查看效果</b>

    效果:加粗

    查看效果

    <strong></strong>表示重要的文字

    如:<strong>查看效果</strong>

    效果:加粗

    查看效果

    <br>强制换行
    如:<br>查看<br>效果
    效果:在浏览器显示换行

    查看
    效果 

    <wbr>安全换行,一般只用于英文
    如:<wbr>查看<wbr>效果
    效果:当页面缩小文字受到挤压时才换行

    <i></i>表示外文词汇或科技术语
    如:<i>查看效果</i>
    效果:倾斜

    查看效果

    <em></em>加以强调,强调重要性
    如:<em>查看效果</em>
    效果:倾斜

    查看效果

    <s></s>表示不准确或校正
    如:<s>查看效果</s>
    效果:删除线

    查看效果

    <del></del>表示删除文字
    如:<del>查看效果</del>
    效果:删除线

    查看效果

    <u></u>表示给文字加下划线
    如:<u>查看效果</u>
    效果:下划线

    查看效果

    <ins></ins>表示添加一段文本
    如:<ins>查看效果</ins>
    效果:下划线

    查看效果

    <small></small>表示添加小号字体,用于免责声明和澄清声明
    如:<small>查看效果</small>
    效果:小号字体

    查看效果

    <sub></sub>表示添加下标
    如:查看效果<sub>5</sub>
    效果:下标

    查看效果5

    <sup></sup>表示添加上标
    如:查看效果<sup>5</sup>
    效果:上标

    查看效果5

    <code></code>表示计算机代码片段,属于英文范畴,必须将<html lang="en">英文才能体现
    如:<code>HTML</code>

    <var></var>表示编程语言中的变量,属于英文范畴,必须将<html lang="en">英文才能体现
    如:<var>HTML</var>

    <samp></samp>表示程序或计算机的输出,属于英文范畴,必须将<html lang="en">英文才能体现
    如:<samp>HTML</samp>

    <kbd></kbd>表示用户的输入,属于英文范畴,必须将<html lang="en">英文才能体现
    如:<kbd>HTML</kbd>

    <abbr></abbr>表示一段文本的缩写
    如:<abbr>查看效果</abbr>
    效果:无

    <dfn></dfn>表示定义术语,一个词或短语的一段文本
    如:<dfn>查看效果</dfn>
    效果:倾斜

    查看效果

    <q></q>表示引用来自他出的内容
    如:<q>查看效果</q>
    效果:加一对双引号

    查看效果

    <cite></cite>表示引用其他作品的标题
    如:<cite>查看效果</cite>
    效果:倾斜

    查看效果

    <ruby></ruby>表示语言元素,可以用来为汉字标注拼音
    如:
    <ruby>
      你<rp>(</rp><rt>nǐ</rt><rp>)</rp>
      好<rp>(</rp><rt>hǎo</rt><rp>)</rp>
    </ruby>
    效果:为汉字标注拼音

    <bdo></bdo>设置文字方向,必须使用属性dir="rtl",rtl为从右到左,ltr为从左到右(默认)
    如:<bdo dir="rtl">查看效果</bdo>
    效果:文字反转

    <mark></mark>突出显示文本
    如:<mark>查看效果</mark>
    效果:黄色背景,黑色的字

    查看效果

    <time></time>表示日期和时间
    如:<time>2016-10-12</time>
    效果:无

    <span></span>表示一般性文本,我们经常用它来设置css
    如:<span>查看效果</span>
    效果:无

  • 相关阅读:
    Swift和OC混编
    Swift逃逸闭包之见解
    百度地图集成
    hitTest和pointInside和CGRectContainsPoint
    Bitcode问题
    ReactiveCocoa常用方法
    iOS之图文混排
    tableview cell添加3D动画
    ReactiveCocoa总结
    Math类常用方法(Java)
  • 原文地址:https://www.cnblogs.com/adc8868/p/5951435.html
Copyright © 2020-2023  润新知