详解a标签与iframe标签
先来说⼀下iframe标签。
iframe标签内联框架元素 ，有效地将另⼀个HTML页⾯嵌⼊到当前页⾯中.例如加⼊以下代码
<iframe src="www.baidu"></iframe>，
即可在当前页⾯嵌套⼀个百度页⾯，该页⾯的宽⾼可⾃⾏设置。不过，嵌套页⾯之后，当前html的页⾯加载速度就变慢了。
接下来我们看⼀下，iframe标签结合a标签如何使⽤。
<iframe src="www.baidu"></iframe>
<a href="qq">QQ</a>
<a href="github">github</a>
我们能不能点击下⾯的两个链接让该链接的页⾯在上⾯的iframe标签页⾯显⽰呢。可将代码改成如下形式，即a标签要在name为xxx的页⾯打开。
<iframe src="#"name="xxx"></iframe>
<a href="qq"target="xxx">QQ</a>
<a href="github"target="xxx">github</a>
给iframe加frameboder=”0”，可以去掉内嵌页⾯的border.
iframe标签的src属性也⽀持相对路径。如
<iframe src="./index.html"></iframe>
我们在内嵌页⾯index.html中写⼊以下代码
<a href="qq"target="_blank">blank</a>
<a href="qq"target="_self">self</a>
<a href="qq"target="_top">top</a>
<a href="qq"target="_parent">parent</a>
_blank是在新开页⾯打开，_self实在当前内嵌页⾯打开，_top是在顶层页⾯打开，_parent是在⽗级页⾯打开。(index.html页⾯是内嵌在当前index4.html中，所以其⽗级页⾯就是index4.html)
a标签还有个downloda属性。
<a href="qq"download>下载</a>iframe嵌套页面加载慢
当你下载⼀个安装包时，可以⽤download属性。
那么浏览器决定要不要下载是由什么决定的呢，是由http响应决定。如果你把http的响应的content-type设成
Content-Type: application/octet-stream
浏览器就会以下载的形式接收这个响应。
如果你的content-type是
Content-Type: text/html
⼜想让⽤户下载，就可以使⽤a标签的download属性。
当a标签的href如下时，不会跳转到腾讯⾸页。会把它当成⼀个⽂件，并提⽰不到该⽂件。
<a href="qq">QQ</a>
因为它是相对路径。
正确的写法就是
<a href="qq">QQ</a>
表⽰我要打开⼀个http协议，域名为qq的⽹页。 但如果写成
<a href="//qq">QQ</a>
此时，当前⽂件是什么协议就⽤什么协议。
关于a标签的javascript的伪协议。
<a href="javascript:alert(2);">qq</a>
点击链接，就可执⾏⼀段js代码。
当我们需要点击⼀个链接什么都不做时，可以写成这样。
<a href="javascript:;">qq</a>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。