Web标准及vscode使用技巧

Web标准及vscode使用技巧

Web标准

Web标准的构成主要是结构、表现和行为三个方面。
下面进行简要介绍：
1.结构：结构用于对网页元素进行整理和分类，主要学习的是Html。
2.表现：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
3.行为：行为是指网页模型的定义以及交互的编写，现阶段主要学习的是Javascript。

Web标准提出的最佳体现方式

结构写在Html文件中；表现写在CSS文件中；行为写在Javascript文件中。

Html标签语法规范

常见的标签一般都是双标签，也就是会前后对应。
但是也有单标签的情况，常见的单标签有<p>、<br />、<hr >、<img />。
同时标签之间还存在着包含关系以及并列关系。

vscode使用技巧

1.使用**Ctrl+可以使代码字体增大，同样的Ctrl-**可以使代码字体减小
2.输入“！”后按下Tab键就可以生成Html的骨架了，非常便利。

vscode工具生成的骨架标签解释

1.<!DOCTYPE>文档类型声明，不是HTML标签，并且它需要写在代码的最前端，作用是告诉我们浏览器在使用哪个版本的HTML显示网页的。
2.HTML标签内的lang表示使用的语言种类，例如：en定义的是语言为英文，zh-CN表示语言使用为中文，但是这都不影响内容是使用中文还是英文亦或是其他语言，这只是给浏览器一个提示作用的标志。
3.字符集等于UTF-8，作用是这个网页被查看时表现出来的不是乱码，同时UTF-8也称之为“万国码”，基本包含了全世界所有国家使用的字符。