zoukankan      html  css  js  c++  java
  • html5权威指南:标记文字

    html5权威指南-第八章-用基本的文字元素标记内容 :http://www.cnblogs.com/yc-755909659/archive/2016/10/02/5928122.html

    html5权威指南-第八章-标记文字:http://www.cnblogs.com/xiaohuochai/p/5088983.html#anchor1

    通用容器 <span>
    <p>Some <span>text</span></p>
    强调重要 <em>,<strong>
    <p>I am <em>very</em> worried!</p>
    <strong>warning</strong>
    表示不同情绪或声音的文本,如内心对白
    表示外来语、分类学名和技术术语等
    <i>
    <i lang="fr">Oh la la!</i> 
    用于分隔文字
    用于文章或故事的引言
    <b>
    <p>After bringing <b>water</b> to a boil, add <b>potatoes</b> and <b>carrots</b></p>
    不精确文字
    在HTML5中重新定义为有错的、过时的、不被建议使用的文本,常用于表示价格变动等
    <s>
    <p>价格<s>¥1298</s>¥998!</p>
    表示高亮或用于引用而标记的文字 <mark>  
    表示旁注,可用于免责声明、使用条款和版权信息等需要小字体的场景 <small>  
    用来定义术语 <dfn>  
    缩写词,可以配合<dfn>定义术语 <abbr>  
    表示作品标题的引用,可以是书影音画等 <cite>  
    表示短引用,常用于引用别人说的话,用引号可以表达等价语义 <q>  
    这两个标签在数学等式、科学符号和化学公式中非常有用

    <sup>表示上标

    <sub>表示下标

     
    <p>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>
    <p>H<sub>2</sub>SO<sub>4</sub></p>
    文本删改

    <ins>文档中插入的内容

    <del>文档中删除的内容

     [注意]<ins>和<del>可以嵌套任何元素

    <属性>

      [1]datetime:用于标明编辑的日期和可选的时间

      [2]cite:用于指定说明编辑的文档网址

    <p>一打有 <del datetime="2015-12-30T00:00Z" cite="edit.html">二十</del> <ins>十二</ins> 件。</p>
    表示日期或时间  <time>  <属性>

    [1]datatime表示确切的时间,遵循格式YYYY-MM-DDThh:mm:ssTZD,表示年-月-天-分割符T-时-分-秒-时区

    [2]pubdate表示<time>元素中的日期或时间是文档的发布日期

    注音标识

    <ruby>表示ruby标记

    <rt>表示ruby标记文字

    <rp>表示ruby标记括号

     
    <ruby><rp>(</rp><rt>hàn</rt><rp>)</rp><rp>(</rp><rt></rt><rp>)</rp></ruby>
    文字方向

    <bdi>忽略周围文字方向的文字

    <bdo>覆盖两种方向的设置,允许显式设置方向,并覆盖所有其他当前方向

     
    <p>When rendered by a browser, <bdo dir="rtl">these words</bdo> will appear as 'sdroweseht'</p>
    代码 <code>表示计算机代码
    <kbd>定义键盘码
    <samp>定义计算机例子代码
    <tt>定义打字机代码
    <var>定义变量
    <p>
        <code>Computer code</code>
        <br />
        <kbd>Keyboard input</kbd>
        <br />
        <tt>Teletype text</tt>
        <br />
        <samp>Sample text</samp>
        <br />
        <var>Computer variable</var>
        <br />
    </p>
  • 相关阅读:
    状态压缩dp未吃透の笔记
    洛谷blog传送门qwq
    线段树学习总结(Do not be the cheater)
    第三届NOI Online普及组线上比赛赛后总结
    第三届NOI Online入门组第三题 手表(watch)题解
    P1162 填涂颜色 题解(勿抄袭)
    4980:拯救行动 题解
    P1433 吃奶酪 题解(勿抄袭)
    Mysql-多表数据记录查询
    java-多线程
  • 原文地址:https://www.cnblogs.com/hanxuming/p/6001863.html
Copyright © 2011-2022 走看看