页面结构分析和iframe内联框架_iframe框架页面布局-优快云博客

本文链接：https://blog.youkuaiyun.com/Q1575290554/article/details/125477105

1.页面结构分析

页面结构分析

元素名	描述
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>

2.iframe内联框架

iframe内联框架

<!DOCTYPE html>
<html lang=""en"">
<head>
    <meta charset=""UTF-8"">
    <title>内联框架</title>
</head>
<body>
<!--B站分享-->
<!--<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>-->

<!-- iframe内联框架
src : 地址
w-h : 宽度高度
-->
<iframe src=""https://www.baidu.com"" frameborder=""0"" width=""1000px"" height=""800px""></iframe>

<iframe src="""" name=""hello"" frameborder=""0""></iframe>
<a href=""http://koibito.top"" target=""_self"">点击跳转</a>

</body>
</html>