目录
一、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>