iframe 标签在一个html页面中嵌入另一个html页面， 而且两个页面相互间不影响， iframe中的html页面也可以有自己的头， 引用的css文件不会受外部html页面的css的影响。总结起来就是两个“不相关”的页面。
index.html——————————————————————————-
<html> <head> <link rel="stylesheet" type="text/css" href="index.css" /> </head> <body> <a>this is the text outside the iframe</a><br/> <iframe src="iframe.html"></iframe> </body> </html> |
index.css——————————————————————————–
a{ color : red; } p{ color : green; } |
iframe.html——————————————————————————
<html> <head> <link rel="stylesheet" type="text/css" href="iframe.css" /> </head> <body> <a>this is the text in iframe</a> <p>inside influnted by outside? No</p> </body> </html> |
iframe.css———————————————————————————————–
a{ color : green; } |