HTML5小标签补充

1.有序列表补充：
start：指定列表的开始索引（索引：编号）
reversed：列表的索引倒序显示
type：指定列表索引的类型
2.a标签补充：
    页面跳转功能属性介绍:
1.href:用来指定超链接要跳转的页面，页面可以是本地页面，    也可以是非本地页面
2.title:用来指定鼠标悬浮时的提示文本
3.target：用来指定要打开的网页在什么位置显示（blank、self）
4.rel:用来指定要打开的页面和当前页面的关系   添加该属性可以做到     搜索引擎优化（next：下一页；prev：前一页）


<!--跳转到外部页面的同时也可以指定跳转位置
    方法：路径地址+锚点地址（锚点名称）-->

3.s标签（strike）：删除线（用来显示删除数据）

4.<!--s标签：删除线  用来显示删除数据-->
<s>被删除的文本</s>


5.上、下划线：
<u>下划线文本</u>

<!--html5推荐的实现方法-->
<span style="text-decoration: underline">下划线文本</span>
<br><br>
<span style="text-decoration: overline">上划线文本</span>

6.<!--cite标签：浏览器显示为倾斜，常用于书、画作、作品的引用-->
<cite>这是一个cite标签</cite>

7.<!--mark：标签：高亮或标记文本  浏览器显示为黄色背景-->
<mark> 高亮显示文本</mark>

8.<!--code：只是表示计算机代码。但是浏览器只会显示等宽字体
        不会保留代码格式，需配合pre标签使用-->

<pre>
<code>
    StringBuffer sb=new StringBuffer();
    for(String s:arr){
        sb.append(s);
    }
</code>
</pre>

9.<!--bdo:表示文本方向， dir=“ltr” 从左往右   dir=“rtl” 从右往左-->
<bdo dir="ltr">天道酬勤</bdo>
<bdo dir="rtl">天道酬勤</bdo>

10.<!--sup:上标文本-->
X ²    X^2

11.<!--sub:下标文本-->
log ₂10   

12.<!--转义字符-->
<!--版权：&copy;-->
&copy;
<!--左括号：&lt;-->
&lt;
<!--右尖括号：&gt;-->
&gt;
<!--斜线：&frasl;-->
&frasl;
<br>
<u>下划线</u>
<br>

&lt;u&gt;下划线&lt;&frasl;u&gt;

相关代码显示：

<a href="http://www.jredu100.com/" title="杰瑞教育" target="_blank"
    rel="prev">页面跳转1</a>
<a href="../homework/one.html#111">页面跳转2</a>
<br>

<!--s标签：删除线  用来显示删除数据-->
<s>被删除的文本</s>

<u>下划线文本</u>

<!--html5推荐的实现方法-->
<span style="text-decoration: underline">下划线文本</span>

<span style="text-decoration: overline">上划线文本</span>

<!--cite标签：浏览器显示为倾斜，常用于书、画作、作品的引用-->
<cite>这是一个cite标签</cite>

<!--mark：标签：高亮或标记文本  浏览器显示为黄色背景-->
<mark> 高亮显示文本</mark>

<!--code：只是表示计算机代码。但是浏览器只会显示等宽字体
        不会保留代码格式，需配合pre标签使用-->

<pre>
<code>
    StringBuffer sb=new StringBuffer();
    for(String s:arr){
        sb.append(s);
    }
</code>
</pre>

<!--快捷键Alt+上方向键：将下方的代码块放到标签中-->

<!--bdo:表示文本方向， dir=“ltr” 从左往右   dir=“rtl” 从右往左-->
<bdo dir="ltr">天道酬勤</bdo>
<br>
<bdo dir="rtl">天道酬勤</bdo>

<!--sup:上标文本-->
X <sup>2</sup>

<!--sub:下标文本-->
log <sub>2</sub>10

S <sub>2</sub>O <sub>4</sub>

SO <sub>4</sub> <sup>2-</sup>

<!--跳转到锚点名称为top的地方去-->
<a href="#top">返回顶部</a>

<!--功能性链接：
    mailto://xxxxxxx 给指定邮箱发送邮件
    tencent://message/?uin=xxxxxxx 给指定QQ发送消息-->
<a href="mailto://17862802158@163.com">发邮件</a>
<a href="tencent://message/?uin=1786998792">发消息</a>
<br><br>

<p>杰瑞&nbsp;&nbsp;&nbsp;教育</p>

<!--转义字符-->
<!--版权：&copy;-->
&copy;
<!--左括号：&lt;-->
&lt;
<!--右尖括号：&gt;-->
&gt;
<!--斜线：&frasl;-->
&frasl;
<br>
<u>下划线</u>
<br>
&lt;u&gt;下划线&lt;&frasl;u&gt;
<br><br>