当前位置：网站首页>3. web page development tool vs Code

3. web page development tool vs Code

2022-06-10 13:15:00 【M_ qsqsqsq】

3. Web development tools VS Code

3.1 VSCode Basic use of

Double click to open the software .
New file （Ctrl+N).
preservation (Ctrl+S), Note that the move should be saved as .html file
Ctrl+ Plus key ,Ctr+ The minus key zooms in and out of the view
Generate page skeleton structure . Input ！ Press down Tab key .
Use the plug-in to preview the page in the browser ： Right click , Click in the pop-up exit “Open In Default Browser”.

3.2 VS Code Plug in installation

3.2.1 Installation method

Please add a picture description

3.2.2 Recommended plug-ins

Please add a picture description
Be careful ：JS-CSS-HTML Do not install this plug-in , It's very hard to use

3.3 VSCdoe Generated frame interpretation

Use vscode The created framework is as follows :

<!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>vscode establish </title>
</head>
<body>
     This is for me vscode Created html
</body>
</html>

3.3.1 Document type declaration label

<!DOCTYPE> Document type declaration , The function is to tell the browser which one to use HTML Version to display the web page .

<DOCTYPE html>

This code means ： The current page takes HTML5 Version to display the web page .

Be careful ：

<!DOCTYPE> Declaration at the top of the document , Before the label .
<!DOCTYPE> Is not a HTML label , It is the document type declaration label .

3.3.2 lang Language types

The language used to define the current document display .

en Define language as English
zh-CN Define the language as Chinese

Simply speaking , Defined as en It's an English web page , Defined as zh-CN It's the Chinese Web page

3.3.3 Character set

Character set (Character set) It's a collection of characters . So that computers can recognize and store all kinds of characters .

In the label , You can use the label's charset Attribute to define HTML What kind of character encoding should the document use .

<meta charset="UTF-8"/>

charset Common values are ：GB2312、BIG5、GBK and UTF-8, among UTF-8 Also known as universal code , Basically contains all the countries in the world need to use the characters .

Be careful ： The above syntax is the code that must be written , Otherwise, ask about the situation that can cause the group code . In general , The system uses “UT「-8” code , As far as possible

Uniformly written into standard "UTF-8", Don't write as "utf8" or "UTF8".

3.3.4 summary

The above three codes vscode Automatic generation , There's basically no need for us to rewrite
<!DOCTYPE html> Document type declaration label , Tell the browser to take this page html5 Version to display the page .
<html lang="en"> Tell the browser or search engine that this is an English website . This page is displayed in English
<meta charset="UTF-8"/> Must write . take UTr-8 To save text . If you don't write, it will be garbled . The specific principle will be analyzed later .

原网站

版权声明
本文为[M_ qsqsqsq]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/161/202206101240560666.html