1.标记一个缩写
The <abbr title="People's Republic of China">PRCabbr> was founded in 1949.
2.
<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)指带有可点击区域的一幅图像
<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标签中
同3.
5.规定独立的自包含内容,一篇文章应有其自身的意义,应该有可能独立于站点的其余部分进行分发
<article>
<h1>Internet Explorer 9h1>
<p>Windows Internet Explorer 9(简称 IE9)于 2011 年 3 月 14 日发布.....p>
article>
6.定义其所出内容之外的内容,aside的内容应该与附近的内容相关(IE9+及其他)
<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标签
<ul>
<li>Username <bdi>Billbdi>:80 pointsli>
<li>Username <bdi>Stevebdi>: 78 pointsli>
ul>
10.bdo元素可覆盖默认的文本方向
"rtl">Here is some text
11.呈现大号字体效果大号字体效果
123
123<big><big><big>1big>2big>3big>
12.定义块引用
来标记短的引用
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.定义短的引用,浏览器经常在引用的内容周围添加引号
Here is a short quotation here is a short quotation
14.
<table border="1">
<caption>Monthly savingscaption>
<tr>
<th>Monthth>
<th>Savingsth>
tr>
<tr>
<td>Januarytd>
<td>$100td>
tr>
table>
15.
对其所包裹的文本进行水平居中
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.
为表格中的一个或多个列定义属性值
标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等
(几乎没有浏览器支持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不支持该标签)
"myCar" list="cars" />
22.
定义文档中已被删除的文本(所有主流浏览器都支持del标签)
(没有主流浏览器支持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标签,无卵用)
<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类型列表
29.将表单内的相关元素分组,将表单内容的一部分打包,生成一组相关表单的字段
被禁用的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.规定独立的流内容(图像、图表、照片、代码等)
<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标签)
<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标签)
<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支持该标签)
(任何浏览器都不支持form属性)
high属性规定的范围是被视为高值的度量值,high属性必须小于max属性值,且必须大于low和min属性值(兼容性和标签一致)<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.定义在脚本未被执行时的替代内容(兼容所有浏览器)
...
...
...
...
45.详细信息请转至http://www.w3school.com.cn/tags/tag_object.asp
46.
有序列表
规定列表呈现的效果比正常情况更小巧(任何主流浏览器都不支持 compact 属性)
(目前只有Chrome和Safari 6支持reversed属性)
(尽管不赞成使用start属性,不过所有浏览器都支持start属性)
(尽管不赞成使用 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.定义一个下拉列表中的一个选项
标签可以在不带有任何属性的情况下使用,但是您通常需要使用 value 属性,此属性会指示出被送往服务器的内容
(Safari 2.0或更早版本不支持该属性,IE8或更新的版本支持该属性)
规定在表单提交时被发送到服务器的值
2017/06/21 14:48持续更新中…
49.可创建单选或多选菜单
(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元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体
标签的一个常见应用就是用来表示计算机的源代码
和
标签)绝不能包含在
所定义的块里,尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的
标签)放到
块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可
标签来定义计算机源代码,比如 HTML 源代码,请使用符号实体来表示特殊字符,比如 “<” 代表 “<”,”>” 代表 “>”,”&” 代表 “&”
标签定义的,您可以参考这些页面,学习如何使用该标签。我们甚至把
标签与
标签结合起来使用,以获得更加精确的语义
<pre>
这是
预格式文本。
它保留了 空格
和换行。
pre>
持续更新中…2017/6/21 15:27
持续更新中…2017/6/21 10:27
52.标示任务的进度(进程),IE9以及更早版本不支持progress标签
<progress value="22" max="100">progress>
53.定义ruby注释(中文注音或字符),IE8及更早版本不支持ruby标签
<ruby>
漢 <rt><rp>(rp>ㄏㄢˋ<rp>)rp>rt>
ruby>
54.定义字符的解释或发音(同53)
55.在ruby注释中使用,定义不支持ruby元素的浏览器所显示的内容(同53)
56.
定义加删除线文本定义
在 HTML 5 中,<s>仍然支持s>已经不支持这个标签了
57.定义文档中的节(section、区段),比如章节、页眉、页脚或文档中的其他部分
<section>
<h1>PRCh1>
<p>The People's Republic of China was born in 1949...p>
section>
58.呈现小号字体效果
标签和它所对应的
标签一样,但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号,那么
标签将不起任何作用。
标签类似,
标签也可以嵌套,从而连续地把文字缩小。每个
标签都把文本的字体变小一号,直到达到下限的一号字。<small>123small>123<big>123big>
59.
同56.
60.定义下标文本
<p>
This text contains <sub>subscriptsub>
p>
<p>
This text contains <sup>superscriptsup>
p>
61.同60
62.定义公历的时间(24小时制)或日期,时间和时区偏移是可选的
<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元素之类的媒介规定外部文本轨道,用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件时可见的
如果使用default属性,则规定应该使用该轨道,加入用户没有选择其他轨道的话
<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.呈现类似打字机或者等宽的文本效果
标签与
和
标签一样,
标签和必需的
结束标签告诉浏览器,要把其中包含的文本显示为等宽字体,对于那些已经使用了等宽字体的浏览器来说,这个标签在文本的显示上就没有什么特殊效果了
标签,请用 CSS 代替<p><tt>Teletype texttt>p>
65.可定义下划线文本
<p>如果文本不是超链接,就不要<u>对其使用下划线u>。p>
66.
word break opportunity规定在文本中的何处适合添加换行符(所有浏览器都支持wbr标签,除了IE浏览器)
元素来添加 Word Break Opportunity(单词换行时机)<p>
如果想学习 AJAX,那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。
p>
66666666…