Correcting teacher:天蓬老师
Correction status:qualified
Teacher's comments:第 一天的学习, 能有这样的体会, 难得
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联框架</title>
</head>
<body>
<!--HTML内联框架元素(<iframe>)-->
<!--将另一个HTML页面嵌入到当前页面中,而不是窗口打开另一个网页,类似画中画-->
<!--在当前页面加载一张地图,以百度地图为例,工具-分享,把url值赋值给src-->
<iframe src="https://j.map.baidu.com/ef/_6" frameborder="0" width="500" height="400"></iframe>
<!--内联框架中的内容不会被当做当前页面内容,当然也不会被搜索引擎抓取,会对seo有影响-->
<!--所以,不适合写前端数据展示页面,但非常适合写管理后台页面-->
<!--下面写一个后台小案例-->
<hr>
<ul style="float:left;margin-right:15px;">
<li><a href="demo6.html" target="content">商品列表</a></li>
<li><a href="demo7.html" target="content">添加用户</a></li>
<li><a href="demo4.html" target="content">系统设置</a></li>
</ul>
<!--srcdoc代替src,可以在属性值中直接写html代码,实现后台首页的功能-->
<!--name属性非常重要,它是链接到该框架页面的入口-->
<iframe srcdoc="<h2>欢迎使用管理后台</h2>" frameborder="1" name="content" width="530" height="450"></iframe>
</body>
</html>