如何使用vscode建立一个html页面骨架

本文介绍了如何利用VSCode轻松构建一个HTML5页面骨架。通过新建HTML文件并输入html5,编辑器将自动生成基本结构。页面包括DOCTYPE声明、语言声明、字符编码设置、浏览器兼容性处理、视口设置以及标题和主体部分。
摘要由CSDN通过智能技术生成

如图所示为一个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

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值