<!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>