HTML5 + CSS3 页面结构学习笔记（五）

最新推荐文章于 2024-10-01 21:51:05 发布

陈丹宇jmu

最新推荐文章于 2024-10-01 21:51:05 发布

阅读量218

点赞数

分类专栏： Java网路编程

本文链接：https://blog.csdn.net/weixin_51989356/article/details/122933632

版权

HTML 页面结构 iframe 嵌套前端开发

关键词由CSDN通过智能技术生成

Java网路编程专栏收录该内容

11 篇文章 0 订阅

订阅专栏

页面结构学习

页面结构学习

页面结构学习

页面结构分析

页面结构分析

常用元素列表

元素名	描述
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内联框架

iframe内联框架（实现简单的页面嵌套）

<iframe src="path" name="mainFrame"></iframe>
path:引用网页地址
mainFrame:框架标识名

多个iFrame嵌套使用实现页面的切换

</iframe>

<iframe src="" name="hello" frameborder="0"></iframe>
<a href="1.我的第一个网页.html" target="hello">点击跳转</a>


<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257627&page=10"
        scrolling="no" border="0"
        frameborder="no" framespacing="0" allowfullscreen="true">
</iframe>