H5文本标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本元素</title>
</head>
<body>

<!-- 1.<b>标签表示关键字和产品名称,实际作用是加粗,标记一段文字,但并不是特别强调或重要性.比如:一段文本中的某些关键字或者产品的名称
    2.<strong>表示重要的文字,实际作用是加粗,从语义上看就是强调一段重要的文本 
    3.<br>强制换行,<wbr>安全换行
    4.<i>表示外文词汇或科技术语,实际作用是倾斜,从语义上来看,表示区分周围内容,并不是特别强调或重要性
    5.<em>加以强调,实际作用也是倾斜;从语义上看表示对一段文本的强调
    6.<s>表示不正确或校正,实际作用就是删除线,从语义上来看,表示不准确的删除.
    7.<del>表示删除文字,实际作用也是删除线,从语义上看,表示删除相关文字.
    8.<u>表示给文字加上下划线,从语义上看,并不强调此段文本.
    9.<ins>加一条下划线,从语义上看,是添加一段文本,起到强调作用.
    10.<small>添加小号字体,将文本放小一号,从语义上看,用于免责声明和澄清声明.
    11.<sub><sup>实际作用就是数字的上标和下标,语义也是如此.
    12.<code>等输入和输出.<code>表示代码片段,<var>表示编程语言中的变量:<samp>表示程序或计算机的输出
    <kdb>表示用户的输入.由于这属于英文范畴的,必须将lang="en"英语才能体现效果.
    13.<abbr>表示缩写
    <abbr>HTML5</abbr>,从语义上看,是一段文本的缩写.
    14.<dfn>表示定义术语
    <dfn>HTML5</dfn>
    15.<q></q>元素实际作用就是加了一对双引号,从语义上来看,表示引用来自其他地方的内容.
    16.<cite>引用其他作品的标题,实际作用就是加粗,从语义上来看,表示引用其他作品的标题.
    17.<ruby>语言元素
    <ruby>用来为非西方语言提供支持.<rp><rt>用来帮助读者掌握表意语言文字正确发音.比如:汉语拼音在文字的上方.但目前Firefox还不支持此特性.
    18.<bdo>设置文字方向,必须使用属性dir才可以设置,一共两个值:rtl(从右到左)和ltr(从左到右).一般默认是ltr.还有一个<bdi>元素也是处理方向的.由于是特殊语言的特殊效果,且主流浏览器大半个不支持,忽略.
    19.<mark>突出显示文本,实际作用就是加上一个黄色的背景,黑色的字:从语义上来看,与上下文相关而突出的文本,用于记号.    
    20.<time>表示日期和时间,从语义上看,表示日期和时间
    21.<span>表示一般性文本,语义是表示一段文本,我们经常用它来设置css等操作.


    -->
    <b>HTML5</b>
    <strong>HTML5</strong>
    this a test between<br> wbr and br
    this a test between wbr and br this a test between wbr and br this a test between wbr and br
    this a test between wbr and br this a test <wbr>2 between wbr and br this a test between wbr and br<br>
    <i>this a test between wbr and br<i><br>
    <em>this a test between wbr and br<em><br>
    s元素:<s>html5</s><br>
    del元素:<del>html5</del><br>
    u元素:<u>html5</u><br>
    ins元素:<ins>html5</ins><br>
    small元素:<small>html5</small><br>
    
    sub sup:<sub>5</sub><sup>5</sup><br>
    code:<code>HTML5</code><br>
    var:<var>HTML5</var><br>
    samp:<samp>HTML5</samp><br>
    kdb:<kdb>HTML5</kdb><kdb>
    abbr:<abbr>HTML5</abbr>
    dfn:<dfn>HTML5</dfn>
    q:<q>HTML5</q>
    cite:<cite>HTML5</cite>
    ruby:<ruby style="font-size: 100px">饕<rp>(</rp><rt>tāo</rt><rp>)</rp>餮<rp>(</rp><rt>tie</rt><rp>)</rp></ruby><br>
    bdo元素:这是<bdo dir="rtl">HTML5</bdo>教程<br/>
    mark元素:<mark>HTML5</mark>教程<br/>
    time元素:<time>2018-01-21</time><br/>
    span:<span>HTML5</span>
</body>
</html>

转载于:https://my.oschina.net/kitty0107/blog/1610695

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值