编程语言前端html
Source
Edit
History

undefined

一、页面结构

元素名 描述
header 标题头部区域的内容
footer 标记脚部区域的内容
section Web 页面中的一块区域
article 独立的文章内容
aside 相关内容或应用（常用于侧边栏）
nav 导航类辅助内容 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!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>

二、内联框架

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!-- iframe 内联框架
 src: 地址
 w-h: 宽度/高度
 name: 框架标识名
 -->
<iframe src="https://noahyzhang.github.io" name="hello" frameborder="0" width="1000px" height="400px"></iframe>
<hr/>

<!-- 使用超链接也可以做成此效果 -->
<a href="one.html" target="hello">点击跳转</a>


</body>
</html>