-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
诗诗
2018-03-12
来源 ：网络
阅读 5798
评论 0
摘要：这篇HTML5页面布局我们来学习组成HTML5网页的基本结构都包含了哪些内容，首先先来看下源代码。
这篇HTML5页面布局我们来学习组成HTML5网页的基本结构都包含了哪些内容，首先先来看下源代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<link type="text/css" href="index.css">
<script type="text/javascript" src="index.js"></script>
<title>欢迎关注头条号/自学编程</title>
</head>
<body>
<h1>hello world</h1>
</body>
</html>
以上就是一个HTML5网页的最基本结构。
下面我们对以上的源代码进行逐一的学习。
<!DOCTYPE html>声明不是 HTML 标签，它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，!表示不是，这是一个单标签，doctype不区分大小写，这行代码必须放在<html>的前面。
<html></html>这是双标签，<html>表示开始，</html>表示结束，这是网页的根元素，我们编写的代码都要放在这里，在HTML5中，虽然可以省略，但为了方便阅读，建义不要省略。
<head></head>这是网页的头部，这里的代码只是告诉浏览器相关的信息，本身不在网页内显示。
<meta charset="utf-8">这是规定网页的编码为utf-8,若不规定，有些浏览器会使用默认的编码，在网页中使用中文时会造成乱码，<meta charset="gb2312">这是中文的编码，一般为了通用，我们都会设置成utf-8的形式。
<meta name="viewport">,viewport,窗口，视口，这是规定网页的宽度为设备的宽度，一般用于手机上，表示和手机的宽度一样。
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放
<link>标签，引入样式表文件的路径。文件的后缀名为.css 。
<script>标签，引入的脚本文件，文件的后缀名为.js。
<title>标签，为网页的标题，在查看书签时即可看到网页的标题。比如下面的标题：
以上的这五个标签都是放在<head></head>里。
<body> 标签，双标签，这是网页的主体部分，在网页上看到的所有内容都是编写到这是的。
学习了上面网页的基本结构，我们明白有些标签是单标签，没有结束标签，有些是双标签，以 / 表示双标签的结束。
希望这篇文章可以帮助到你。总之，同学们，你想要的职坐标IT频道都能找到！
喜欢 | 8
不喜欢 | 7
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
