HTML常用标签的随手笔记

229 阅读2分钟

1. <a>

a标签全称anchor,中文锚点。

download,该属性可以使得点击a标签,完成下载的动作

<a href="#" download>download</a>

href,为空的时候,点击a标签刷新网页

<a href="" >空</a>

href,为#的时候,为网页增加锚点,点击a标签回到顶部。

<a href="#" >#</a>

href,为https://www.126.com/的时候,点击a标签跳转到该链接,切记要加http或https协议,要不有时候会变成ftp协议

<a href="https://www.126.com/">126</a>

href,为mailto:a@b.com的时候,点击a标签会启动默认邮件程序,往a@b.com写信

<a href="mailto:a@b.com">mailto</a>

href,为tel:+8613912345678的时候,手机上点击a标签会往8613912345678拨打电话

<a href="tel:+8613912345678">tel</a>

target,为_self时,跳转链接在当前窗口打开;为_blank时,跳转链接在新窗口打开;为_parent时,跳转链接在父窗口打开;为_top时,跳转链接在顶层窗口打开。后两个要与<iframe>配合使用

<a href="https://www.126.com" target="_self">_self</a>
<a href="https://www.126.com" target="_blank">_blank</a>
<a href="https://www.126.com" target="_parent">_parent</a>
<a href="https://www.126.com" target="_top">_top</a>

2. <iframe>

<iframe>简单地说,就是一个网页(大网页里)内嵌了另一个小网页(<iframe>),当然,也可以多层嵌套。它是一个网页浏览器。

<iframe>有height、width属性,width="100%"生效,height="100%"无效。

frameborder,边框,在什么都不写的情况下,默认有边框;改为frameborder="0"时,取消边框。

src,<iframe>的链接

name,当<iframe>的name与<a>的target值相等时,点击a标签,跳转链接会在<iframe>显示。

<iframe name=xxx src="http://www.baidu.com" frameborder="1" width="100%" height="300px"></iframe>
<a target=xxx href="http://www.qq.com">qq</a>