HTML5标签整理一

本文介绍了HTML5中的<a>、<abbr>和<address>标签的用法,包括它们的属性、示例代码及浏览器中的表现形式。通过本文,读者可以了解到这些标签在HTML5中的新特性及其与HTML4.01的区别。
摘要由CSDN通过智能技术生成

HTML5 <a> 标签

定义和用法

<a> 标签定义超链接,用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观是:

  • 未被访问的链接带有下划线而且是蓝色的
  • 已被访问的链接带有下划线而且是紫色的
  • 活动链接带有下划线而且是红色的
  • 实例

    链接到 CSDN:

    <a href="http://blog.csdn.net/buildsetting">http://blog.csdn.net/buildsetting</a>

    HTML 4.01 与 HTML 5 之间的差异

    在 HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚。这取决于是否描述了 href 属性。

    在 HTML 5 中,<a> 是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

    HTML 5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。

    提示和注释

    提示:如果没有使用 href 属性,则不能使用 hreflang, media, ping, rel, target 以及 type 属性。

    提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。

    提示:请使用 CSS 来改变链接的样式。


属性

属性 描述
charset char_encoding HTML 5 中不支持。
coords coordinates HTML 5 中不支持。
href URL 链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media media query

规定目标 URL 的媒介类型。

默认值:all。仅在 href 属性存在时使用。

name section_name HTML 5 中不支持。
rel
  • alternate
  • archives
  • author
  • bookmark
  • contact
  • external
  • first
  • help
  • icon
  • index
  • last
  • license
  • next
  • nofollow
  • noreferrer
  • pingback
  • prefetch
  • prev
  • search
  • stylesheet
  • sidebar
  • tag
  • up

规定当前文档与目标 URL 之间的关系。

仅在 href 属性存在时使用。

rev text HTML 5 中不支持。
shape
  • default
  • rect
  • circle
  • poly
HTML 5 中不支持。
target
  • _blank
  • _parent
  • _self
  • _top
在何处打开目标 URL。仅在 href 属性存在时使用。
type mime_type

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

注:MIME = Multipurpose Internet Mail Extensions。

全局属性

<a> 标签支持 HTML 5 中的全局属性。

事件属性

<a> 标签支持 HTML 5 中的事件属性。


HTML5 <abbr> 标签

定义和用法

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

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

浏览器可能会根据这个信息改变对这些文本的显示方式,或者用其他文本代替。也许当前流行的浏览器对 <abbr> 标签中包含的文本还没有任何处理方式,但是我们无法预测将来的版本将会如何实现该标签。

实例

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

输出:

The PRC was founded in 1949.

HTML 4.01 与 HTML 5 之间的差异

NONE

提示和注释:

注释:在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。

全局属性

<abbr> 标签支持 HTML 5 中的全局属性。

事件属性

<abbr> 标签支持 HTML 5 中的事件属性。


HTML5 <address> 标签


定义和用法

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

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

通常的做法是将 address 元素添加到网页的头部或底部。

实例

<address>
Written by w3chtml.com<br />
<a href="mailto:info@w3chtml.com">Email us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
</address>

HTML 4.01 与 HTML 5 之间的差异

HTML 4.01 不支持 <article> 标签,因此在 HTML 4.01 中 <address> 标签永远定义文档作者或拥有者的联系信息。

提示和注释:

注释:不应该使用 <address> 标签来描述邮政地址,除非这些信息是联系信息的组成部分。

注释:<address> 元素通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

全局属性

<address> 标签支持 HTML 5 中的全局属性。

事件属性

<address> 标签支持 HTML 5 中的事件属性。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值