HTML03-网页结构分析和iframe内嵌框架

一、页面结构分析

元素名 描述
header 标题投标头部区域的内容（用于页面或页面中的一块区域）
footer 标记脚步区域的内容（用于整个页面或页面的一块区域）
section Web页面的一块独立区域
article 独立的文章内容
aside 相关内容或应用（常用于侧边栏）
nav 导航类辅助内容 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页结构分析</title>
</head>
<body>

<header>
    <h2>网页头部</h2>
</header>

<section>
    <h2>网页主体</h2>
</section>

<footer>
    <h2>网页脚部</h2>
</footer>

</body>
</html>

二、iframe内嵌框架

一个网页中内嵌另一个网页，如博客园、bilibili视频。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内嵌框架</title>
</head>
<body>
<!--百度拒绝了请求,博客园网站成功-->
<iframe src="http://www.baidu.com" frameborder="0"></iframe>
<a href="http://www.baidu.com" target="hello">点击跳转</a>
<hr/>
<iframe src="http://www.cnblogs.com" frameborder="0" height="300" width="500"></iframe>

<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">-->
</iframe>
</body>
</html>
posted @ 2022-01-22 11:57  擦镜子的默  阅读(163)  评论(0)    收藏  举报