HTML页面基础标签
标签分类
- 单标签 以< input /> 为例
- 双标签 以<div> </div>为例，开头和结尾中间存放文本，子标签
HTML必有标签
<!DOCTYPE html>
标签作用：
向浏览器声明采用html5的规范渲染页面；声明文档的解析类(document.compatMode)，避免浏览器用怪异模式去渲染页面
- BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面
- CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面
在不声明解析方式的情况下，浏览器默认使用怪异模式解析文档
html，head，body文档的基本元素，三者共同构成整个文档的骨架
<html lang=“en”> </head>
标签作用：
html — 文件的主体标签，所有的代码都不允许超出它的范围；
lang=“en” — 指所使用的的语言为英语；
<head> </head>
标签作用：
页面头部信息，向浏览器提供整个页面的进本信息，但不包含页面的主体内容；
头部信息包含页面标题，原信息，CSS样式，JavaScript脚本等
<body> </body>
标签作用：
网页的正文，用户在浏览器窗口中能够看到的信息，比如图片、表格等，都放在body中
但不是所有的标签都能看得到（例如注释起来的标签）
HTML常见标签（非页面元素）
<meta charset=“UTF-8”>
扫描二维码关注公众号，回复： 8918286 查看本文章
标签作用：
某些情况下，浏览器无法识别汉字，网页会出现乱码，使用utf-8（国际编码）格式编辑并保存网页，然后浏览器解析是才会避免出现避免出现乱码
<link rel=“icon” type=“text/css” href="#">
标签作用：
设置网页的小图标，herf="#" #处为小图标的链接地址
<link rel=“stylesheet” type=“text/css” href="#">
标签作用：
引入外部资源，文本格式为**.css文本（引入外联层叠样式表）#号处填写文件的链接地址
<title>标题 </title>
标签作用：
标签中内容会显示在浏览器打开的网页的头部（网页的名称）
<style> </style>
标签作用：
标签内部存放css样式（内联样式），可以放在文档的任意位置（head或者body中）
<script src="#"> </script>
标签作用：
标签内部存放JavaScript代码，实现人机交互
src属性不填时，可以作为内部JS脚本运行
填写时，会引入外部资源执行引入的JS代码
