HTML世界之标签Ⅰ

目录

一、a 标签

二、area 标签  

三、audio 标签

四、base 标签

五、abbr 标签

六、address 标签

七、aside 标签

八、article 标签

 九、b 标签 


一、a 标签

属性

描述

download(在客户端重命名下载文件)

filename

指定当用户点击含有该属性的超链接时,下载文件的新名称。

href(定义超链接的目的地址)

URL

规定链接的目标URL(简单来说就是规划好的路径)。

hreflang(指定外部网页的语言和地理位置)

language_code

设定被连接文档的语言代码。仅在 href 属性存在时使用。

media(用于在网页上显示音频、视频或图像等多媒体内容的标准)

media_query

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

rel(描述目的地址href跟站点之间的关系)

alternate

author

bookmark

help

license

next

nofollow

noreferrer

noopener

prefetch

prev

search

tag

Alternate:链接有替换内容

Author:链接指向作者简绍页

Bookmark:书签,用在指向文章内容的永久链接

Help:连接指向一个资源,该资源对元素的父元素及其子元素提供了进一步的帮助

License:版权说明,许可证

Next:指向序列页面的下一个页面

Nofollow:可让网站站长告诉搜索引擎“不要跟踪此网页上的链接”

Noopener:如果不设置noopener,则在新窗口打开这个链接的时候,则这个新窗口页面可以通过window.opener获取来源页面的窗口对象,改变原页面URL地址之类的事情

Noreferrer:当导航到其他页面的时候,可以阻止浏览器向跳转页面发送页面地址以及其他值

Prefetch:预获取,通常是一些静态资源

Prev:表示指向序列页面的上一个页面

Search:表示链接地址是当前网站或资源对于的搜索文档接口页面

Tag:表示指向当前文档标签的链接

仅在 href 属性存在时使用。

target(用于指定链接的打开方式,即链接的目标窗口或框架)

_blank

_parent

_self

_top

framename

规定在何处打开目标 URL。仅在 href 属性存在时使用。

_blank:新窗口打开。

_parent:在父窗口中打开链接。

_self:默认,当前页面跳转。

_top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。

Framename:在指定的框架中打开被链接文档,把frame看做内置浏览器

type(类型)

MIME_type

规定目标 URL 的 MIME 类型(互联网媒体类型)。仅在 href 属性存在时使用。

注:MIME = Multipurpose Internet Mail Extensions。

写法: 

<a href="" type=""></a>

二、area 标签  

属性

描述

alt(替代文本属性)

text

规定区域的替代文本。如果使用 href 属性,则该属性是必需的。

coords(坐标属性)

coordinates

规定区域的坐标。

href(定义超链接的目的地址)

URL

规定链接的目标URL(简单来说就是规划好的路径)。

hreflang(指定外部网页的语言和地理位置)

language_code

设定被连接文档的语言代码。仅在 href 属性存在时使用。

media(用于在网页上显示音频、视频或图像等多媒体内容的标准)

media_query

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

rel(描述目的地址href跟站点之间的关系)

alternate

author

bookmark

help

license

next

nofollow

noreferrer

noopener

prefetch

prev

search

tag

Alternate:链接有替换内容

Author:链接指向作者简绍页

Bookmark:书签,用在指向文章内容的永久链接

Help:连接指向一个资源,该资源对元素的父元素及其子元素提供了进一步的帮助

License:版权说明,许可证

Next:指向序列页面的下一个页面

Nofollow:可让网站站长告诉搜索引擎“不要跟踪此网页上的链接”

Noopener:如果不设置noopener,则在新窗口打开这个链接的时候,则这个新窗口页面可以通过window.opener获取来源页面的窗口对象,改变原页面URL地址之类的事情

Noreferrer:当导航到其他页面的时候,可以阻止浏览器向跳转页面发送页面地址以及其他值

Prefetch:预获取,通常是一些静态资源

Prev:表示指向序列页面的上一个页面

Search:表示链接地址是当前网站或资源对于的搜索文档接口页面

Tag:表示指向当前文档标签的链接

仅在 href 属性存在时使用。

shape

default(意味着该区域覆盖整个图像)

rect(定义矩形区域)

circle(定义圆形区域)

poly(定义多边形区域)

规定区域的形状。

Rect的coords属性值有四个,分别是选取矩形图片定位的值,前两个表示左上角的定位值,后两个表示右下角的定位值(多边形可以继续增添坐标)。

Circle的coords属性值有三个,前两个表示选取圆形图片的中心定位的值,第三个表示半径。

target(用于指定链接的打开方式,即链接的目标窗口或框架)

_blank

_parent

_self

_top

framename

规定在何处打开目标 URL。仅在 href 属性存在时使用。

_blank:新窗口打开。

_parent:在父窗口中打开链接。

_self:默认,当前页面跳转。

_top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。

Framename:在指定的框架中打开被链接文档,把frame看做内置浏览器

type(类型)

MIME_type

规定目标 URL 的 MIME 类型(互联网媒体类型)。仅在 href 属性存在时使用。

注:MIME = Multipurpose Internet Mail Extensions。

 写法:

<area shape="" coords="" alt="" href="">

三、audio 标签

属性

描述

autoplay

autoplay

如果出现该属性,则音频在就绪后马上播放。

controls(设置是否显示音频播放器的控制面板)

controls

如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。

loop(设置音频是否循环播放)

loop

如果出现该属性,则每当音频结束时重新开始播放。

muted(设置音频是否静音) 

muted

如果出现该属性,则音频输出为静音。

preload(设置音频的预加载行为)

auto表示音频将在页面加载时自动预加载。

metadata表示只加载音频的元数据(如时常、尺寸等)。

none表示不预加载音频。

规定当网页加载时,音频是否默认被加载以及如何被加载。

src

URL

规定音频文件的 URL。

volume

0.0-1.0

设置音频的音量大小。0.0表示静音,1.0表示最大音量。

写法: 

<audio controls></audio>

四、base 标签

<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。

在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。

在 HTML 中,<base> 标签没有结束标签。

属性

描述

href(定义超链接的目的地址)

URL

规定页面中所有相对链接的基准 URL。

target(用于指定链接的打开方式,即链接的目标窗口或框架)

_blank

_parent

_self

_top

framename

规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。_blank:新窗口打开。

_parent:在父窗口中打开链接。

_self:默认,当前页面跳转。

_top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。

Framename:在指定的框架中打开被链接文档,把frame看做内置浏览器

写法:

<base href="" target="">

五、abbr 标签

<abbr>标签用来表示一个缩写词或者首字母缩略词。

写法:

The<abbr title="World Health Organization">WHO</abbr> was founded in 1948.

六、address 标签

<address> 标签定义文档作者/所有者的联系信息。<address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

写法:

<address></address>

七、aside 标签

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

写法:

<aside></aside>

八、article 标签

<article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

写法:

<article></article>

 九、b 标签 

<b> 标签定义粗体的文本。

<b></b>

  • 29
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阳阳大魔王

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值