根据W3C联盟标准将前端定义为下面几个部分：
结构：html用于描述页面的结构
表现：css用于控制页面元素的样式
行为：javascript用于响应用户操作
html文档说明：
html5:<!doctype html>
如果没有声明文档类型，会让部分浏览器进入怪异模式，进入怪异模式的浏览器会使html文档显示 ，不符合预期。
元素就是标签。
文档编辑器：sublime text;
产生乱码的原因是：编码和解码的字符集不同。
字符集：
ASCII
ISO-8859-1
GBK
GB2312
UTF-8
为什么要使用如此多的字符集：
最早的ASCII码采用七位编码。后来传到欧洲变为8位编码，随着传播，编码不断完善，形成了各国不同的编码体系，而utf-8是通用编码包含了地球上几乎所有语言
GBK国标码GB2312（中文系统的默认编码）
UTF-8万国码，基本上支持地球上所欲的文字。开发就用这个。
如果使用UTF-8编码，注意解码会不同。中文默认使用GB2312解码，可能会产生乱码。需要声明UTF-8字符集。
通过设置元数据meta
<meta charset="utf-8"/>编码也得用UTF-8否则解码依然错误。
标题标签：
h1~6中重要性会依次降低，对于搜索引擎来说检测完title会立即查看h1中的内容，如果h1元素过多，他会影响网页在搜索引擎的排名。
一般在页面中只会写一个h1，太多会被判定为垃圾站。；
一般使用h2/h3两个标签，重要性并不高，后面使用其他标签就可以了。
段落标签：
p标签
P元素内连续的空格或者回车被当做一个空格解析。
<br/>自结束标签
<hr/>水平分割线
如果遇到写一下类似于标签<>的结构或者显示多个空格可以转义字符（实体）：要用的话去网上去查找html实体
<<
>>
空格 （不会换行的空格）
版权©一般在网站末尾会有显示。
使用img引入图片（自结束标签）
<img src="1.gif"alt+"描述">在当前文件目录下可以直接应用alt用于添加描述（当图片没有显示时对图片的描述）
对于搜索引擎来说，如果不使用alt属性，搜索引擎不会对img中的图片进行收录
width:宽度，一般使用px 作为单位，
height:高度。
当宽度和高度，如果两个属性的值只设置了一个，则另个也会自适应的进行调整。
如果图片比较小，直接让公司的美工将图片放大到需要的那么大，如果没有美工，那就自己裁剪。
相对路径：相对于当前路径所在的文件路径，如果要使用上一级菜单需要用到../文件名。
绝对路径：在文件系统的从根目录到当前文件的路径
图片的格式：
jpeg(jpg)：支持文件色彩多，，图片可以压缩，但不支持透明
一般使用jpeg保存照片和颜色丰富的图片。
gif：gif支持的颜色少，支持简单的透明（直线透明，不能保存弧形的透明）和动态图。不清楚
png：支持的颜色多，并且支持复杂的透明，用来显示颜色复杂的透明的图片；
图片的使用原则：
效果不一致，使用效果好的；效果一致使用小的。
颜色单一的一般使用gif
颜色丰富一般用jpg
颜色丰富且透明png
meta的作用：
使用meta标签可以用来设置网页的关键字。
<meta name="keywords" content="html"/>name是表示content中内容的描述html是关键字，可以设置多个关键字，当然网页中是看不见的，这些东西是给搜索引擎看的。
关于关键字和描述是不会影响网页在搜索引擎的排名。
<meta name="description"/>
<meta hrrp-equiv="refresh" content="5:;url:https://www.baidu.com"/>使用请求重定向http-equiv使用中协议：五秒刷新到百度页面
Xhtml语法规范：
1.html不区分大小写，一般都是用小写。
2.html中注释不能嵌套
3.html结构必须完整，要么成对出现要么自结束标签。
4.html 可以嵌套，但不能交叉嵌套
5.html中的属性必须有值，而且值必须加引号。
内联框架：
使用iframe,用src指向一个指向外部页面的路径，可以使用相对路径。
<iframe src=""></iframe>
不建议使用内联框架，不会被搜索引擎搜索。
width:
height
name:
最低0.47元/天 解锁文章
176
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
