html标签

来源:互联网 发布:mac 的火箭按钮不见了 编辑:程序博客网 时间:2024/06/05 11:54

IBM中的新语义标签介绍https://www.ibm.com/developerworks/cn/web/wa-html5fundamentals/

<abbr>  标签

定义和用法

表示一个缩写形式,比如 "Inc."、"etc."。通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

<abbr> 标签最初是在 HTML 4.0 中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式。

浏览器可能会根据这个信息改变对这些文本的显示方式,或者用其他文本代替。也许当前流行的浏览器对

<abbr> 标签中包含的文本还没有任何处理方式,但是我们无法预测将来的版本将会如何实现该标签。实例

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1948.


<acronym> 标签

定义和用法

<acronym> 标签定义首字母缩写词,比如 "NASA"。通过对只取首字母缩写进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

HTML 4.01 HTML 5 之间的差异

HTML 5 不支持 <acronym>。请使用 <abbr>代替。例子:

<acronym title="World Wide Web">WWW</acronym>


<address> 标签

定义和用法

<address> 标签定义文档作者或拥有者的联系信息。

如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者或拥有者的联系信息。实例

<address>

Written by W3School.com.cn<br />

<a href="mailto:us@example.org">Email us</a><br /> Address: Box 564, Disneyland<br />

Phone: +12 34 56 78

</address>

提示和注释:

注释:不应该使用 <address> 标签来描述邮政地址,除非这些信息是联系信息的组成部分。 注释:<address>元素通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。标准属性


<area>  标签

定义和用法

<area> 标签定义图像映射中的区域。

HTML 4.01 HTML 5 之间的差异

HTML 5 有一些新的属性,且不再支持 HTML 4.01 的一些属性。 例子:

<img src ="planets.gif" alt="Planets" usemap ="#planetmap" />

<map id ="planetmap" name="planetmap">

<area shape ="rect" coords ="0,0,82,126" href ="sun.htm" alt="Sun" />

<area shape ="circle" coords ="90,58,3" href ="mercur.htm" alt="Mercury" />

<area shape ="circle" coords ="124,58,8" href ="venus.htm" alt="Venus" />

</map>

属性

 

属性

 

描述

 

4

 

5

 

alt

 

定义此区域的替换文本。如果 href 存在,则该属性是必需的。 仅在 href 属性存在时使用。

4

5

coords

定义可点击区域的坐标。

4

5

href

定义此区域的目标 URL。

4

5

hreflang

规定目标 URL  的基准语言。仅在 href 属性存在时使用。

4

5

nohref

不赞成。从图像映射排除一个区域。

4

 

media

规定目标 URL  的媒介类型。默认值:all。仅在 href 属性存在时使用。

 

5

ping

 

由空格分隔的 URL 列表,当用户点击该链接时,这些 URL 会获得通知。 仅在 href 属性存在时使用。

 

5

rel

规定当前文档与目标 URL  之间的关系。仅在 href 属性存在时使用。

 

5

shape

规定区域的形状。

4

5

target

在何处打开目标 URL。

4

5

type

规定目标 URL  的 MIME  类型。仅在 href 属性存在时使用。

 

5


标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title如需完整的描述,请访 HTML 5 中标准属性。

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu,  ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout,

onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

如需完整的描述,请访 HTML 5 中事件属性。


<article> 标签

定义和用法

<article> 标签定义外部的内容。

外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。 亦或是来自其他外部源内容。

实例

<article>

<a href="http://www.apple.com">Safari 5 released</a><br />

7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC,

Apple announed the release of Safari 5 for Windows and Mac......

</article>


<aside>  标签

定义和用法

<aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 


<base> 标签

定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。 通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form>标签中的 URL。

<base> 标签必须位于 head 元素内部。 实例

例子 1

假设图像的绝对地址是:

<img src="http://www.w3school.com.cn/i/pic.gif" />

现在我们在页面中的 head 部分插入 <base> 标签,规定页面中所有链接的基准 url:

<head>

<base href="http://www.w3school.com.cn/i/" />

</head>

在上例中的页面上插入图像时,我们必须规定相对的地址,浏览器会寻找文件所使用的完整 URL:

<img src="pic.gif" />

例子 2

规定页面上所有链接的默认 URL 和默认目标:

<head>

<base href="http://www.w3school.com.cn/css/" target="_blank" />

</head>

<body>

<a href="default.asp">W3School's CSS Tutorial</a>

</body>


<blockquote>  标签

定义和用法

<blockquote> 标签定义摘自另一个源的块引用。

<blockquote> </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行 缩进,而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

实例 毛泽东说过:

<blockquote>帝国主义都是纸老虎 ... </blockquote>

亲自试一试

HTML 4.01 HTML 5 之间的差异 无。

提示和注释  提示:如果标记是不需要段落分隔的短引用,请使用 <q> 元素。 注释:blockquote 只应该应用于来自另一个源的引用。

属性

属性

描述

cite

URL

引用的 URL,如果引用来自网络的话。








原创粉丝点击