基本结构

<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8" />    <link rel="icon" href="/favicon.ico" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    <title>Svelte + TS + Vite App</title>  </head>  <body>    <div id="app"></div>    <script type="module" src="/src/main.ts"></script>  </body></html>

以上为最新的基本结构

!DOCTYPE html#

告诉浏览器以哪个版本html来显示，这种就是最新的html5

head#

title#

里面的内容会显示在浏览器标签里

base#

暂时不懂，哈哈

link#

链接外部的资源

 <link rel="icon" href="/favicon.ico" />

rel表示链接的关系，如icon就是图标，stylesheet就是样式表

href表示链接地址，可以是网络地址也可以是本地地址

style#

行内样式，用来和html结合标签成对出现，里面写css内容

<style type="text/css">p{color:red;}</style>

type表示样式语言，默认是text/css

media现在暂时不会用

meta#

其他标签不能表示的全部用meta来表示

<meta charset="UTF-8" />

这表示什么字符集

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

width:可视区域的宽度，值可为数字或关键词device-width

height:同width

intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放

maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，

maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。

user-scalable:是否可对页面进行缩放，no 禁止缩放

body#

主体部分

行标签，快标签#

如p,h1,h2,`````

style#

样式标签

script#

写脚本的地方