这篇文章总结我对HTML的基本架构的理解,下面是需要总结的代码(有错误请提出!!!)
<!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>Document</title>
</head>
<body>
</body>
</html>
在编辑器里面创建一个后缀为".html"的文件后, 输入以上代码(VScode直接输入一个叹号在弹窗里面可以直接形成以上代码,其它编辑器也应该可以)
一
<!DOCTYPE html>
DOC=document文档 TYPE=type类型 html=超文本标记语言,这里声明的是HTML5
二
<html lang="en"> 英文
</html>
<html lang="ch"> 中文
</html>
这两个是整个页面的主体,页面所有内容都在里面,(建议使用英文的,这样能减少错误)
三
<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>Document</title>
</head>
<head>
</head>
头部,文档的各种属性和信息,包含标签:<base><link><meta><script><style><title>...
<meta charset="UTF-8">
声明编码格式的,这里的编码格式是"UTF-8",国内基本所有网站都是这个编码格式
<meta http-equiv="X-UA-Compatible" content="IE=edge">
X-UA-Compatible 是为了定义浏览器的渲染方式的,IE=edge 是当使用IE 浏览器来访问时,会渲染到该浏览器的最高版本
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这个太复杂了,通俗讲就是:适应设备显示区域的配置,比如移动端
<title>页面的名字</title>
页面名字,浏览器导航框(搜索框,页面切换框)的内容,对页面里面的内容没有多大的影响
四
<body>
</body>
身体,页面所有内容基本都在这里表达