导读
我在大学的专业是计算机网络技术，大学期间有这样一门课是“网页设计与制作”，当时对这门课挺感兴趣，就学习了下。通过简单的html、css和js能展现出自己想要的东西，感觉挺有意思的。
虽然阴差阳错之下成为了一名Android开发工程师，但是前端方面的知识也一直在关注，空余时间也学习的一些东西，试着做了一些简单的东西，我的个人网站：http://yuzhiqiang.name/
但是平时学习的话都是这个学学，那个看看，没有一个系统的学习，总感觉知识点掌握的不是太牢靠。正好这段时间项目刚做完，决定系统的学习一下前端方面的知识，以备不时之需。
这个博客的话就当是学习的时候做个笔记，同时也希望能够给想学习前端的同学做一个参考。
什么是前端
前端对于网站来说，通常是指，网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。由于现在前后端分离的模式，还需要学习一些框架，目前比较流行的三大框架：Angular、Vue、React。 前端的发展非常迅速了，而且前端能做的东西也越来越多了，基本上能够前后端通吃了。所以，前端的东西还是很多的，也需要花很多精力去学习的。
前端设计也就是UI或美工他们的工作，他们负责设计出好看的效果图。
前端开发的工作就是将美工或UI提供的效果图通过HTML+CSS+JS技术来生成网页
认识网页
1） 网页是由文字、图片、音频、视频、超链接等组成的。
2）w3c组织制定了web的标准
html：结构标准 （网页的整体架构）
css：表现标准 （网页的美化）
js：行为标准 （网页的交互）
浏览器
我们通常是通过浏览器去浏览网页，有时候会发现用不同的浏览器或者不同的模式（极速模式/兼容模式）访问同一个网页显示的效果不同，这是因为浏览器内核（渲染引擎）有差异。渲染引擎也是引起兼容性问题的根本原因。
目前市面上的浏览器内核主要有四种
1、Trident内核代表：Internet Explore
2、Gecko内核代表：Mozilla、Firefox
3、WebKit内核代表：Safari、Chrome
4、Presto内核代表：Opera
HTML
hyper text markup language：超文本标记语言
Html的结构标准
<!DOCTYPE html> 声明文档类型
<html> 根标签
<head> 头部标签
<meta charset="utf-8" /> 编码方式：通用字符集
<title></title> 标题
</head>
<body> 主体标签
</body>
</html>Html标签分类
1)单标签: <! Doctype html> <br/> <hr/>
2)双标签 : <html></html> <head></head> <title></title>
Ht
相关文章
萌ICP备20240170号