HTML注意事项
先拿我们昨天写的代码举例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一个HTML代码</title>
</head>
<body>
第一个HTML代码
</body>
</html>
我们为什么要写这个 <!DOCTYPE html>呢
回答:
<!DOCTYPE html>
是HTML文档类型声明(Document Type Declaration),简称为DOCTYPE声明。它的作用是告诉浏览器当前页面使用哪种HTML版本来解析和显示页面内容。
在HTML5中,<!DOCTYPE html>
是标准的文档类型声明。它的存在有以下几个重要原因:
-
标准模式触发:DOCTYPE声明帮助浏览器确定页面使用的HTML版本,从而正确地渲染页面。在没有明确指定DOCTYPE的情况下,浏览器可能会进入怪异模式(Quirks Mode),导致页面渲染不一致或不按预期显示。
-
语法验证:DOCTYPE声明还有助于确保HTML代码符合规范。一些开发工具和验证器会根据声明的内容来验证代码的正确性和兼容性。
-
向后兼容性:虽然HTML5中的DOCTYPE声明很简洁,但它仍然是HTML文档所必需的一部分。它能够保证旧版本的浏览器在处理HTML5时能够正常工作。
因此,虽然在一些简单的页面中可以省略DOCTYPE声明,但为了确保页面能够在各种浏览器和设备上正常显示并遵循最佳实践,建议始终包含<!DOCTYPE html>
声明作为HTML文档的开头。
如果你有时间了解HTML的其他版本,你就会知道这一行代码有多简洁了
现在网页基本上全都是HTML5标准,放心使用即可
解码方式
如果不使用任何方式,自动使用UTF-8编码方式,不过最好使用
<meta charset="UTF-8">
告知浏览器你是用的是UTF-8,避免出现乱码现象
设置语言
使用该代码设置为简体中文
<html lang="zh-CN">
lang=en是英语
lang=zh是中文
但分为简体和繁体
zh-CN为简体中文
zh-TW为繁体中文
HTML标准结构
在第一天的时候已经为读者呈现过HTML的基本结构了
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<body>
</body>
</html>
该代码即为HTML的标准结构,所有网页都需要有该结构,但每次都需要敲又太麻烦了,vscode提供了快捷方式:当你只打出一个英文感叹号时,回车,就会自动生成该结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
第五行看不懂没关系,这是以后移动端会使用的东西,目前删掉即可,不删也没关系,不会有太大的影响
但是第二行lang="en",不能每次都改吧
好!可以设置!
点开设置,搜索Variables
修改为如图设置,即可
好了,第二天就学到这,主要是写着太累了,并不是没学太多哦🤪