如图所示为一个html的页面骨架。可以通过新建html文件后,在首行输入html5,vscode会帮助开发者快速生成骨架。
页面骨架分为几个部分。
<!DOCTYPE html>
文档声明部分,告知本文件为html文档。
<html lang="en">
语言声明部分,常见的属性值有英语(en),中文(zh-CN)。
<head>
<meta charset="UTF-8">
#字符编码,万国码。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
#以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。主要用于指定浏览器用什么引擎渲染页面,以保证兼容性。如果需要兼容ie7,可以写content="IE=7" 。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这一行为视口标签,用于设定视口,上文中视口宽度为设备宽度,还可以设置为固定宽度是以像素为单位的数字。同时可以指定视口的最大最小缩放范围,maximum-scale和m