您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生
3-5： HTML文档的基本结构
发布时间：2023-03-05 23:46:39编辑：雪饮阅读（）
Vscode小技巧：快速生成html
在vscode中新建一个后缀为html的文件中写入”html:”此时会出现如下情况（我这里以空文件内容为例，如果已经有内容的不在本次讨论之中）
这里两个下拉选项，第一个后面是5，如果直接回车，则会创建一个如下的html5的一个基础文档结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
对于第二个选项xml，就是说html5标准之前html4是xhtml，所以如果下拉选择到xml这个上面然后回车则是创建的html4属于是。
Html标签的lang属性
由于我的chrome是中文版的。那么我可以在上面创建的html5结构body标签里面随便写一个英文内容(就算是中文内容也会翻译，我这里测试取决于lang的属性值与chrome的语言，当然，应该可能是只要任意浏览器支持该特性，应该都是这样吧)，例如我这里是这样
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
test
</body>
</html>
由于lang属性我用的默认的en，而chrome是中文的则chrome访问到这个页面就会提示是否要翻译这个页面。
Vscode小技巧：从vscode中快速打开静态页面在浏览器中访问
首先选择你要打开的文件
然后点击这个运行图标后以及点击“运行和调试”（如果第一次打开，可能会根据你的浏览器应用的安装情况让你选择一个浏览器，由于我这里第一次使用了chrome，所以第二次就直接以chrome打开了）
当然，你也可以手动选择你要用什么浏览器打开，在这个“创建launch.json文件”这里点击下就可以选择了
关键字词：
上一篇：3-3： 网页中如何插入图片
下一篇：3-7： 网页乱码解决
相关文章
-
无相关信息