HTML5标签整理一

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 中的事件属性。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 前端HTML5和CSS3是网页开发中常用的技术,对于想要学习或者加深自己的前端开发能力的人来说,整理和下载相应的笔记是非常必要的。 HTML5是一种用于构建网页结构的标记语言,它引入了许多新的元素和属性,使得网页能够更好地表达其结构和语义。在HTML5笔记中,可以整理各种标签的使用方法,例如段落、标题、链接、图像等基本标签的使用,同时还可以介绍一些更高级的标签和属性,如多媒体元素、表单元素、Canvas绘图等。此外,HTML5还支持一些新的API,如本地存储、地理位置、拖放等,这些也可以作为笔记的一部分来整理和下载。 CSS3则是用于控制网页样式的样式表语言,它引入了丰富的新特性,使得前端开发人员能够更加灵活地控制网页的外观和布局。在CSS3笔记中,可以整理各种选择器、属性和值的用法,例如颜色、字体、背景、边框等的设置,同时还可以介绍一些更高级的特性,如过渡、动画、媒体查询等。此外,CSS3还支持一些新的布局方式,如弹性布局、网格布局等,这些也可以作为笔记的一部分来整理和下载。 通过整理和下载前端HTML5和CSS3的笔记,可以将学习的内容进行系统化和梳理,方便日后查阅和回顾。同时,也可以将笔记分享给其他人,帮助他们快速入门和掌握这些技术。最后,还可以通过不断更新这些笔记,保持自己对HTML5和CSS3相关知识的不断学习和掌握。 ### 回答2: 前端HTML5和CSS3是用于网页开发的两种新技术,它们可以增强网页的功能和美观性。以下是我整理的一些关于前端HTML5和CSS3的笔记,供大家下载使用。 1. HTML5的新特性: - 语义化标签:header、footer、nav等,用于标识网页结构,提高可读性和可访问性。 - 音频和视频元素:可以直接在网页上播放音频和视频文件。 - 表单验证:新增了一些表单验证属性,如required和pattern,可以在网页上进行表单输入验证。 - 本地存储:通过localStorage和sessionStorage可以在客户端存储数据,实现离线应用和提高性能。 - Canvas绘图:使用Canvas元素可以在网页上绘制图形、动画和游戏。 2. CSS3的新特性: - 过渡和动画:通过transition和animation属性可以实现元素的平滑过渡和动态效果。 - 圆角和阴影:通过border-radius和box-shadow属性可以设置元素的圆角和阴影效果。 - 渐变:通过linear-gradient和radial-gradient属性可以实现元素的渐变背景效果。 - 多列布局:通过column-count和column-width属性可以实现多列的文本布局效果。 - 媒体查询:通过media query可以根据不同的设备和屏幕尺寸应用不同的样式。 以上是关于前端HTML5和CSS3的一些笔记,你可以点击以下链接进行下载: [下载链接] 希望这些笔记能对你学习和应用前端开发有所帮助。如果你有任何问题,请随时向我提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值