html5页面整体布局,HTML5页面布局 网页的基本结构

这篇HTML5页面布局我们来学习组成HTML5网页的基本结构都包含了哪些内容，首先先来看下源代码。

欢迎关注头条号/自学编程

hello world

以上就是一个HTML5网页的最基本结构。

下面我们对以上的源代码进行逐一的学习。

声明不是 HTML 标签，它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，!表示不是，这是一个单标签，doctype不区分大小写，这行代码必须放在的前面。

这是双标签，表示开始，表示结束，这是网页的根元素，我们编写的代码都要放在这里，在HTML5中，虽然可以省略，但为了方便阅读，建义不要省略。

这是规定网页的编码为utf-8,若不规定，有些浏览器会使用默认的编码，在网页中使用中文时会造成乱码，这是中文的编码，一般为了通用，我们都会设置成utf-8的形式。

,viewport,窗口，视口，这是规定网页的宽度为设备的宽度，一般用于手机上，表示和手机的宽度一样。

width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。

height：和 width 相对应，指定高度。

initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。

maximum-scale：允许用户缩放到的最大比例。

minimum-scale：允许用户缩放到的最小比例。

user-scalable：用户是否可以手动缩放

标签，引入样式表文件的路径。文件的后缀名为.css 。

标签，为网页的标题，在查看书签时即可看到网页的标题。比如下面的标题：

以上的这五个标签都是放在

里。

标签，双标签，这是网页的主体部分，在网页上看到的所有内容都是编写到这是的。

学习了上面网页的基本结构，我们明白有些标签是单标签，没有结束标签，有些是双标签，以 / 表示双标签的结束。

希望这篇文章可以帮助到你。总之，同学们，你想要的职坐标IT频道都能找到！