总结HTML中不经常使用的标签

参考链接:HTML参考手册

过时的标签
总结HTML中不经常使用的标签_第1张图片
全部浏览器均兼容的标签
总结HTML中不经常使用的标签_第2张图片

1.标记一个缩写

The <abbr title="People's Republic of China">PRCabbr> was founded in 1949.

2.

  • 定义文档或者文章的作者/拥有者的联系信息
  • 如果address元素位于body元素内,则它表示文档联系信息
  • 如果address元素位于article元素内,则它表示文章的联系信息
  • address元素中的文本通常呈现为斜体,大多数浏览器会在address元素前后添加折行
  • 提示:address标签不应该用于描述通讯地址,除非它是联系信息的一部分
  • 提示:address元素通常联通其他信息被包含在footer元素中
<address>
Written by <a href="mailto:[email protected]">Donald Ducka>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
address>

3.定义一个客户端图像映射,图像映射(image-map)指带有可点击区域的一幅图像

  • 注释:area元素永远嵌套在map元素内部,area元素可定义图像映射中的区域
  • 注释:img中的usemap属性可引用map中的id或name属性(取决于浏览器),所以我们应同时向map中添加id和name属性
  • 参数:id(必须) unique_name 为map标签定义唯一的名称
  • 参数:name(可选) mapname 为image-map规定的名称
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
map>

4.定义图像映射中的区域,area元素总是嵌套在map标签中

  • alt(必须): text 定义此区域的替换文本
  • coords(可选): 坐标值 定义可点击区域的坐标
  • href(可选): URL 定义此区域的目标URL
  • nohref(可选): nohref 从图像映射排除某个区域
  • shape(可选):定义区域的形状,default、rect、circ、poly
  • target(可选):规定在何处打开href属性指定的目标URL,_blank/_parent/_self/_top
同3.

5.

规定独立的自包含内容,一篇文章应有其自身的意义,应该有可能独立于站点的其余部分进行分发

  • article元素的潜在来源:论坛帖子、报纸文章、博客条目、用户评论
<article>
  <h1>Internet Explorer 9h1>
  <p>Windows Internet Explorer 9(简称 IE9)于 2011 年 3 月 14 日发布.....p>
article>

6.

定义其所出内容之外的内容,aside的内容应该与附近的内容相关(IE9+及其他)

  • 被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、名次解释等
  • 在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏,其中的内容可以使友情链接,博客中的其它文章列表、广告单元等
<p>Me and my family visited The Epcot center this summer.p>
<aside>
<h4>Epcot Centerh4>
The Epcot Center is a theme park in Disney World, Florida.
aside>

7.为页面上的所有链接规定默认地址或默认目标,通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白,使用base标签可以改变这一点,浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL,这里包括a/img/link/form标签中的URL。

  • 标签必须位于head元素内部
  • 在何处打开页面中的所有链接
<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
head>

<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3Schoola>
body>

8.只有IE支持basefont标签,应该避免使用该标签

<head>
<basefont color="red" size="5" />
head>

<body>
<h1>This is a headerh1>
<p>This is a paragraphp>
body>

9.指的是bidi隔离,bdi标签允许您设置一段文本,使其脱离其父元素的文本方向设置,在发布用户评论或其他您无法完全控制的内容时,该标签很有用。只有Firefox和Chrome支持bdi标签

  • 属性dir:ltr/rtl/auto,可选,默认值auto,规定bdi元素内的文本的文本方向
<ul>
<li>Username <bdi>Billbdi>:80 pointsli>
<li>Username <bdi>Stevebdi>: 78 pointsli>
ul>

10.bdo元素可覆盖默认的文本方向

"rtl">Here is some text

11.呈现大号字体效果大号字体效果

  • 浏览器显示包含在big标签之间的文字时,其字体比周围的文字要大一号,但是,如果文字已经是最大号字体,这个big标签将不起任何作用
  • 可以嵌套big标签来放大文本,每一个big标签都可以使字体大一号,直到上限7号文本,自如字体模型所定义的那样123123
  • 但是使用big标签的时候还是要小心,因为浏览器总是很宽大地去试图理解各种标签,对于那些不支持big标签的浏览器来说,它经常被认为是粗体字标签。
<big><big><big>1big>2big>3big>

12.

定义块引用

  • blockquote标签之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。即块引用拥有它们自己的空间
  • 提示:请使用来标记短的引用
Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.

13.定义短的引用,浏览器经常在引用的内容周围添加引号

  • q标签用于简短的行内引用,如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用blockquote标签
Here is a short quotation here is a short quotation

14.

  • caption元素定义表格标题,必须紧随table标签之后
  • 只能对每个表格定义一个标题,通常这个标题会被居中于表格之上。
<table border="1">
  <caption>Monthly savingscaption>
  <tr>
    <th>Monthth>
    <th>Savingsth>
  tr>
  <tr>
    <td>Januarytd>
    <td>$100td>
  tr>
table>

15.

对其所包裹的文本进行水平居中

  • 提示:请使用CSS样式来居中文本

16.通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题

<p><cite>The Screamcite> by Edward Munch. Painted in 1893.p>

17.HTML 标签,这些都是短语元素

  • 这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义
  • 我们并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议您使用样式表,那么做会达到更加丰富的效果
em 把文本定义为强调的内容
strong 把文本定义为更强的强调的内容
dfn 定义一个定义项目
code 定义计算机代码文本
samp 定义样本文本
kbd 定义键盘文本
var 定义变量,可以将此标签与pre和code标签配合使用
cite 定义引用


18.为表格中的一个或多个列定义属性值

  • 如需对全部列应用样式,col标签很有用,这样就不需要对各个单元和各行重复应用样式了。
  • 只能在table或colgroup元素中使用col标签
  • 提示:请为 标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等
  • 提示:如果您希望在 colgroup 内部为每个列规定不同的属性值时,请使用此元素。如果没有 col 元素,列会从 colgroup 那里继承所有的属性值
  • 注释:col 元素是仅包含属性的空元素。如需创建列,您就必须在 tr 元素内部规定 td 元素
  • (几乎没有浏览器支持char属性)
  • (几乎没有浏览器支持charoff属性)
  • (所有浏览器都支持span属性)
  • (所有浏览器都支持valign属性,但是目前没有主流浏览器支持baseline值)
  • (所有浏览器都支持width属性,目前没有主流浏览器支持relative_length:把可用像素分配到各部分
<table width="100%" border="1">
  <col align="left" />
  <col align="left" />
  <col align="right" />
  <tr>
    <th>ISBNth>
    <th>Titleth>
    <th>Priceth>
  tr>
  <tr>
    <td>3476896td>
    <td>My first HTMLtd>
    <td>$53td>
  tr>
table>

19.所有主流浏览器都支持colgroup标签,Firefox、Chrome、Safari仅支持colgroup元素的span和width属性

同18,col修改为colgroup

20.表示用户能够调用的命令,没有浏览器支持command标签,仅仅IE9支持

<menu>
<command onclick="alert('Hello World')">
Click Me!command>
menu>

2017/6/16 10:19 持续更新中…

21.定义选项列表(IE和Safari不支持该标签)

  • 与input元素配合使用该元素,定义input可能的值
  • datalist及其选项不会被显示出来,它仅仅是合法的输入值列表
  • 使用input元素的list属性来绑定datalist
"myCar" list="cars" />
"cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">

22.定义文档中已被删除的文本(所有主流浏览器都支持del标签)

  • 注释:请与ins标签配合使用,来描述文档中的更新和修正
  • (没有主流浏览器支持cite属性,所以呢(;′⌒`))
  • (没有浏览器以任何方式使用datetime属性,然后呢QAQ)
<p>一打有 <del>二十del> <ins>十二ins> 件。p>

23.定义已经被插入文档中的文本(所有主流浏览器都支持ins标签,但没有主流浏览器能够正确地显示ins标签的cite或datetime属性)

a dozen is <del>20del> <ins>12ins> pieces

24.

用于描述文档或文档某个部分的细节(目前只有Chrome和Safari6支持detail标签,无卵用)

  • HTML5中的新标签
  • 与summary标签配合使用可以为details定义标题,标题是可见的,用户点击标题时,会显示出details
<details open="open">
<summary>Copyright 2011.summary>
<p>All pages and graphics on this web site are the property of W3School.p>
details>

25.

包含details元素的标题(只有Chrome和Safari6支持summary标签)

同24.

26.

定义对话框或窗口(目前只有Chrome和Safari 6支持dialog标签)

<table border="1">
<tr>
  <th>一月 <dialog open>这是打开的对话窗口dialog>th>
  <th>二月th>
  <th>三月th>
tr>
<tr>
  <td>31td>
  <td>28td>
  <td>31td>
tr>
table>

27.

定义目录列表,不赞成使用dir元素,说多了无卵用

<dir>
   <li>HTMLli>
   <li>XHTMLli>
   <li>CSSli>
dir>

28.定义嵌入的内容,比如插件

  • 请参阅IANA MIME类型,获得完整的标准MIME类型列表
"helloworld.swf" type="application/x-shockwave-flash" />

29.

将表单内的相关元素分组,将表单内容的一部分打包,生成一组相关表单的字段

  • 当一组表单元素放到fieldset标签内时,浏览器会以特殊方式来显示它们,可能有特殊的边界、3D效果、或者创建一个子表单来处理这些元素
  • fieldset标签没有必须或唯一的属性
  • legend标签为fieldset元素定义标题
  • 被禁用的fieldset不可用,也不可点击,可以对disabled属性进行设置,使用户在满足某些条件时才能使用输入字段
  • form属性的值必须是所属表单的id,如需引用一个以上的表单,请使用空格分隔的列表
<form>
  <fieldset disabled form="" name="">
    <legend>health informationlegend>
    height: <input type="text" />
    weight: <input type="text" />
  fieldset>
form>

30.为fieldset定义标题

同29.

31.

规定独立的流内容(图像、图表、照片、代码等)

  • IE8及更早的版本不支持figure标签
  • figure元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响
  • 提示:请使用figcaption为figure添加标题
<figure>
  <figcaption>黄浦江上的的卢浦大桥figcaption>
  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
figure>

32.

定义figure元素的标题,figcaption元素应该被置于figure元素的第一个或最后一个子元素的位置(IE8及更早版本不支持该标签)

同31.

33.省略frame和frameset标签。

34.


在HTML页面中创建一条水平线,水平分隔线可以在视觉上将文档分隔成各部分


  • 均不赞成使用,请使用样式取代它
<h1>This is header 1h1>
<hr />
<p>This is some textp>

35.省略iframe标签

36.规定用于表单的密钥对生成器字段,当提交表单时,密钥存储在本地,公钥发送到服务器(所有主流浏览器都支持keygen标签,除了IE和Safari)

  • name属性用于在提交表单时搜集字段的值
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
form>

37.为input元素定义标注(所有主流浏览器都支持label标签)

  • label标签的for属性应当与相关元素的id属性相同
  • label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上
<form>
  <label for="male">Malelabel>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Femalelabel>
  <input type="radio" name="sex" id="female" />
form>

38.

规定文档的主要内容(所有浏览器都支持main标签,除了IE浏览器,那还说个屁)

  • 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单
  • 注释:在一个文档中,不能出现一个以上的
    元素。
    元素不能是以下元素的后代:
<main>
  <h1>Web Browsersh1>
  <p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。p>

  <article>
    <h1>Google Chromeh1>
    <p>Google Chrome 是由 Google 开发的一款免费的开源 web 浏览器,于 2008 年发布。p>
  article>

  <article>
    <h1>Internet Explorerh1>
    <p>Internet Explorer 由微软开发的一款免费的 web 浏览器,发布于 1995 年。p>
  article>

  <article>
    <h1>Mozilla Firefoxh1>
    <p>Firefox 是一款来自 Mozilla 的免费开源 web 浏览器,发布于 2004 年。p>
  article>
main> 

39.定义带有记号的文本,请在需要突出显示文本时使用m标签,m标签是个什么鬼(IE8及更早版本不支持mark标签)

<p>Do not forget to buy <mark>milkmark> today.p>

40.

定义命令的列表或菜单(所有浏览器都不支持menu标签)

  • HTML 4.0.1中已弃用menu元素,在HTML5中重新定义了menu元素
<menu type="toolbar">
 <li>
 <menu label="File">
 <button type="button" onclick="file_new()">New...button>
 <button type="button" onclick="file_open()">Open...button>
 <button type="button" onclick="file_save()">Savebutton>
 menu>
 li>
 <li>
 <menu label="Edit">
 <button type="button" onclick="edit_cut()">Cutbutton>
 <button type="button" onclick="edit_copy()">Copybutton>
 <button type="button" onclick="edit_paste()">Pastebutton>
 menu>
 li>
menu>

41.定义用户可以从弹出菜单调用的命令、菜单项目(只有Firefox 8以及更高版本支持该标签)

<menu type="context" id="mymenu">
  <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
  menuitem>
  <menu label="Share on...">
    <menuitem label="Twitter" icon="ico_twitter.png"
    onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
    menuitem>
    <menuitem label="Facebook" icon="ico_facebook.png"
    onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
    menuitem>
  menu>
  <menuitem label="Email This Page"
  onclick="window.location='mailto:?body='+window.location.href;">menuitem>
menu>

2017/6/19 19:03持续更新中…

42.定义已知范围或分数值内的标量测量,例如磁盘用量、查询结果的相关性…(Firefox,Chrome,Opera,Safari6支持该标签)

  • meter标签不应用于指示进度,如果标记进度条,请使用progress标签
  • (任何浏览器都不支持form属性)
  • high属性规定的范围是被视为高值的度量值,high属性必须小于max属性值,且必须大于low和min属性值(兼容性和标签一致)
  • min:规定范围的最小值,max:规定范围的最大值,low:规定被视作低的值的范围,optimum:规定度量的优化值,value:必须,规定度量的当前值
<meter value="3" min="0" max="10">十分之三meter>

<meter value="0.6">60%meter>

43.

定义导航链接的部分(IE8及更早版本不支持nav标签)

  • 提示:如果文档中有‘前后’按钮,则应该把它放到元素中
<nav>
<a href="index.asp">Homea>
<a href="html5_meter.asp">Previousa>
<a href="html5_noscript.asp">Nexta>
nav>

44.忽略该标签,请自查

45.定义在脚本未被执行时的替代内容(兼容所有浏览器)

  • 用于识别script标签但无法支持其中的脚本浏览器
  • 注释:如果浏览器支持脚本,那么它不会显示出noscript元素的文本(貌似没什么用了)

  ...
  ...

  

  
  ...
  ...

45.详细信息请转至http://www.w3school.com.cn/tags/tag_object.asp

  • 注释:param标签定义用于对象的run-time设置
  • 注释:不要对图像使用object标签,请使用img标签代替
"clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" 
width="100" height="50">
  <param name="BorderStyle" value="1" />
  <param name="MousePointer" value="0" />
  <param name="Enabled" value="1" />
  <param name="Min" value="0" />
  <param name="Max" value="10" />

46.

    有序列表

      1. 规定列表呈现的效果比正常情况更小巧(任何主流浏览器都不支持 compact 属性)
        1. (目前只有Chrome和Safari 6支持reversed属性)
          1. (尽管不赞成使用start属性,不过所有浏览器都支持start属性)
            1. (尽管不赞成使用 type 属性,不过所有浏览器都支持 type 属性)
            <ol>
              <li>Coffeeli>
              <li>Teali>
              <li>Milkli>
            ol>

            47.定义选项组,当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易

            <select>
              <optgroup label="Swedish Cars">
                <option value ="volvo">Volvooption>
                <option value ="saab">Saaboption>
              optgroup>
            
              <optgroup label="German Cars">
                <option value ="mercedes">Mercedesoption>
                <option value ="audi">Audioption>
              optgroup>
            select>

            48.定义一个下拉列表中的一个选项

            • 浏览器将option标签中的内容作为select标签的菜单或是滚动列表中的一个元素显示
            • option元素位于select元素内部
            • 注释: 标签可以在不带有任何属性的情况下使用,但是您通常需要使用 value 属性,此属性会指示出被送往服务器的内容
            • 注释:请与select元素配合使用此标签,否则这个标签是没有意义的
            • 提示:如果列表选项很多,可以使用optgroup标签对相关选项进行组合
            • (Safari 2.0或更早版本不支持该属性,IE8或更新的版本支持该属性)
            • 规定在表单提交时被发送到服务器的值

            2017/06/21 14:48持续更新中…

            49.可创建单选或多选菜单

            • 提示:select元素是一种表单控件,可用于在表单中接受用户输入
            • (IE9及更早版本不支持autofocus属性)
            • (IE浏览器不支持该属性)
            • 可以与size属性配合使用,自定义可见选项的数目
            • (所有主流浏览器都不支持该属性)

            50.定义不同类型的输出,比如脚本的输出(IE8及更早的版本不支持该标签)

            • (所有主流浏览器都不支持form属性)
            <form action="demo_form.asp" id="numform"
             oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
             <input type="range" id="a" name="a" value="50">100
             +<input type="number" id="b" name="b" value="50">
             <br><br>
             <input type="submit">
            form>
            
            <output form="numform" name="x" for="a b">output> 

            51.允许您为插入XHTML文档的对象规定run-time设置,即此标签可为包含它的object或者applet标签提供参数(大部分主流浏览器都支持,但是object定义的文件格式不是所有的浏览器都支持)

            <object data="horse.wav">
              "autoplay" value="true">
            object>

            52.

            定义预格式化的文本,被包围在pre元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体

            <pre>
            这是
            预格式文本。
            它保留了      空格
            和换行。
            pre>

            持续更新中…2017/6/21 15:27
            持续更新中…2017/6/21 10:27

            52.标示任务的进度(进程),IE9以及更早版本不支持progress标签

            • 提示:请结合progress标签与JavaScript一同使用,来显示任务的进度
            • 注释:progress标签不适合用来表示度量衡(例如,磁盘空间使用情况或查询结果),如需表示度量衡,请使用meter标签代替
            <progress value="22" max="100">progress> 

            53.定义ruby注释(中文注音或字符),IE8及更早版本不支持ruby标签

            • 在东亚使用,显示的是东亚字符的发音
            • 与ruby和rt标签一同使用:ruby元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的rt元素组成,还包括可选的rp元素,定义当浏览器不支持ruby元素时显示的内容
            • 提示:支持ruby标签的浏览器不会显示rp标签的内容
            • rt:显示标示的注音文字
            <ruby><rt><rp>(rp>ㄏㄢˋ<rp>)rp>rt>
            ruby>

            54.定义字符的解释或发音(同53)
            55.在ruby注释中使用,定义不支持ruby元素的浏览器所显示的内容(同53)

            56.定义加删除线文本定义

            • s标签是strike标签的缩写,但在HTML 4和XHTML中不再赞成使用,意思就是不再使用,早晚有一天会GG
            • 请使用del标签替代它
            在 HTML 5 中,<s>仍然支持s>已经不支持这个标签了

            57.

            定义文档中的节(section、区段),比如章节、页眉、页脚或文档中的其他部分

            • IE6+、Firefox9+、Chrome4+、Safari5+、Opera11.1+
            • 参考链接:http://lightcss.com/careful-with-section/
            <section>
              <h1>PRCh1>
              <p>The People's Republic of China was born in 1949...p>
            section>

            58.呈现小号字体效果

            • 标签和它所对应的 标签一样,但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号,那么 标签将不起任何作用。
            • 标签类似, 标签也可以嵌套,从而连续地把文字缩小。每个 标签都把文本的字体变小一号,直到达到下限的一号字。
            • 123123123
            <small>123small>123<big>123big>

            59.同56.

            60.定义下标文本

            • 包含在sub标签和其结束标签sub中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的
            • 提示:无论是sub标签还是和它对应的sup标签,在数学等式、科学符号和化学公式中都非常有效
            • This text contains subscript
            • This text contains superscript
            <p>
            This text contains <sub>subscriptsub>
            p>
            
            <p>
            This text contains <sup>superscriptsup>
            p>

            61.同60

            62.定义公历的时间(24小时制)或日期,时间和时区偏移是可选的

            • 该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果
            • 目前所有主流浏览器都不支持time标签
            <p>我们在每天早上 <time>9:00time> 开始营业。p>
            
            <p>我在 <time datetime="2008-02-14">情人节time> 有个约会。p>

            持续更新中…2017/6/22 16:31
            持续更新中…2017/6/23 10:39

            63.为诸如video元素之类的媒介规定外部文本轨道,用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件时可见的

            1. IE10、Chrome、Opera支持track标签
            2. 如果使用default属性,则规定应该使用该轨道,加入用户没有选择其他轨道的话
            3. caption:该轨道定义将在播放器中显示的简短说明
            4. chapters:该轨道定义章节,用于导航媒介资源
            5. descriptions:该轨道定义描述,用于通过音频描述媒介的内容,假如内容不可播放或不可见
            6. metadata:该轨道定义脚本使用的内容
            7. subtitles:该轨道定义字幕,用于在视频中显示字幕
            <video width="320" height="240" controls="controls">
              <source src="forrest_gump.mp4" type="video/mp4" />
              <source src="forrest_gump.ogg" type="video/ogg" />
              <track kind="subtitles" src="subschi.srt" srclang="zh" label="Chinese">
              <track kind="subtitles" src="subseng.srt" srclang="en" label="English">
            video>

            64.呈现类似打字机或者等宽的文本效果

            • 标签与 标签一样, 标签和必需的 结束标签告诉浏览器,要把其中包含的文本显示为等宽字体,对于那些已经使用了等宽字体的浏览器来说,这个标签在文本的显示上就没有什么特殊效果了
            • HTML5 不支持 标签,请用 CSS 代替
            • dir:rtl/ltr规定元素中内容的文本方向
            • id:id规定元素中内容的文本方向
            • title:text,规定元素的额外信息
            <p><tt>Teletype texttt>p>

            65.可定义下划线文本

            • 注释:请尽量避免为文本加下划线-用户会把它混淆为一个超链接
            <p>如果文本不是超链接,就不要<u>对其使用下划线u>。p>

            66.word break opportunity规定在文本中的何处适合添加换行符(所有浏览器都支持wbr标签,除了IE浏览器)

            • 提示:如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 元素来添加 Word Break Opportunity(单词换行时机)
            • 参考链接:http://www.monmonkey.com/rumenpian/html/wbr.html
            <p>
            如果想学习 AJAX,那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。
            p>

            66666666…

            你可能感兴趣的:(个人总结,WEB开发)