简介
1.网页结构
2.文档声明
3.meta
4.html规范
5.实体
一.网页结构
<html>
根标签/根元素 在编辑所有的内容，都需要写在html标签里 ，一般一个页面只会一个
<head>
头部：头部内容也不会在页面展示，它主要做一些配置,存放一些元信息
<title>
标题标签
1:显示标题
2:我们的浏览器，会根据你标题内容，来决定是否符合用户搜索
它在SEO（搜索引擎优化），SEM（竞价），上，至关重要
</title>
</head>
<body>
身体 它的内容会在页面中显示我们的网站主体内容，编辑在body里
</body>
</html><!-- 注释符号
1:注释符号不可以嵌套
2:养成良好的注释习惯
3:注释会在源代码代码显示，不会在页面展示--><--快捷键ctrl+/-->
二.文档声明
<!DOCTYPE html>
文档声明
告诉浏览器，我这个网页是根据html标准规范来写如果不写文档声明，页面会陷入怪异模式，从而乱码的情况
<html lang="en">
语言
改变属性值 从而改变语言 lang为属性 en为属性值 属性 是在标签的内部
属性值 在属性后，双引号内 en为中文
<head>
<meta charset="UTF-8">
meta 主要是设置网页元信息，给浏览器看的
charset 字符集
编码过程：
将网页信息存到电脑里，是以二进制的形式存储 例如：王老师 ==》010101111
解码过程：
将电脑存储的二进制，转成汉字，拼音，视频，图片等，给用户看
字符集：
密码本
ASCII 美国的
ISO88591 欧洲的
GB2312 中国的
GKB 中国扩充的
UTF-8 万国码
乱码：
浏览器解析不出来页面，报404错
<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>三.meta
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
配合seo做搜索引擎优化 -->
name="description" 描述 content 后面跟的是描述的内容
name="Keywords" 关键字 搜索关键字
http-equiv="refresh" 重定向
content="5;url=http://www.baidu.com"
跟两个属性值 ，属性值和属性值之间用;隔开
属性值1:秒数 跳转网页时间
属性值2: url=网址路径四html规范
1:html中是不区分大小写
2:标签分双标签，自结束标签
3:标签可以嵌套，但不可以交叉使用
这里可以快速写出文档样式 快捷键为 输入法为英文状态下 shift+！+enter键
<!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>五.实体
实体：
有一些特殊的内容，正常情况下，浏览器无法识别
例如空格：浏览器默认只能识别一个空格，多个空格，浏览器无法识别，只会显示一个空格 例如：< > 2<3<5 ©️ “” 就需要转义这些字符
常用的实体：
语法：&转义符;
空格
< 小于号
> 大于号
© 版权符号
" 引号-->
...........
实体非常多 这里就不一一列举 详情可以上w3c官网上查看更多实体
26万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
