目录
HTML规范
- 双标签,单标签
- 标签关系包含关系,并列关系
HTML基本结构标签
<html>
<head>
<title></title>
</head>
<body></body>
</html>
网页开发工具VSCode
- 新建文件Ctrl+N
- Ctrl+加号键,Ctrl+减号键,可以放大缩小视图
- 生成页面骨架 输入!按下tab
- 利用插件在浏览器中预览页面:单机鼠标右键,在弹窗出口中点击open in default browser,快捷键alt+B
vscode插件安装
- Chinese中文语言包
- open in browser右击选择浏览器打开HTML
- js-css-html formatter,每次保存都会自动格式化(已弃用),可以用Prettier - Code formatter替换
- Auto Rename Tag,自动重命名标签
- CSS Peek 追踪至样式
vscode骨架标签新增代码
<!DOCTYPE>
- 文档类型声明,告诉浏览器使用哪种HTML版本来显示网页
- <!DOCTYPE html>当前页面采取的是HTML5版本来显示网页
- <!DOCTYPE>不是一个HTML标签,是文档类型声明标签
- 位于最前面
lang语言
- 用来显示当前文档显示的语言
- en定义语言为英语
- zh-CN定义语言为中文
- 其实对于文档显示来说,定义英文网页也可以显示中文,定义中文网页也可以显示英文
字符集
- 字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
- 在<head>标签内,可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。
- <meta charset=" UTF-8" />
- charset 常用的值有:GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符.
- 注意:上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8”编码,尽量统一写成标准的 "UTF-8",不要写成 "utf8" 或 "UTF8"。