前端入门知识点之web前端知识点介绍

---

网站开发流程

● 产品经理：
● UI设计师
● web前端
● 后端（php，java，python）
● 测试
● 运维

web前端需要掌握的内容

● 看得懂UI设计图
● 能够明白后端是怎么渲染数据的
● web前端技术（必备）

需要掌握的技术

● 超文本标记语言(HTML)
● 层叠样式表(CSS)
● 客户端脚本编程语言 （JavaScript,JQ）
● Web服务器(Apache)
● 服务器端脚本编程语言 (php，java，python)
● 数据库管理系统 (MySQL)

HTTP和URL

1. 超文本传输协议(HyperText Transfer Protocol)
   ○ 客户端浏览器与web服务器之间的应用层通信协议
   ○ 所有的WWW文件都必须遵守这个标准
   ○ 基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）
2. 统一资源定位符(Uniform Resource Locator)
   ○ 协议://<115.239.211.112> [:端口号] / [ 路径 ] [ ? <查询信息> ]

主流浏览器

W3C

World Wide Web Consortium（万维网联盟）
创建于1994年10月在麻省理工学院计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯·李（ Tim Berners-Lee ）
W3C 最重要的工作是发展Web规范，这些规范描述了 Web 的通信协议（比如 HTML、XHTML、xml、 CSS 、DOM 、ECMAScript）和其他的构建模块

什么是HTML

超文本标记语言HTML（Hypertext Marked Language）
● HTML 是用来描述网页的一种语言，（Hypertext）可以在文件中标识图片、链接、表格、文本等。
● HTML不是一种编程语言，而是一种标记语言 (markup language)
● HTML文件的后缀名.html 或 .htm
● HTML 使用标记标签来描述网页
● HTML由浏览器解释执行
○ Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容

什么是css

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

什么是js

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

html的分类

html，xhtml和xml的定义

1. html即是超文本标记语言（Hyper Text Markup Language），是最早写网页的语言，但是由于时间早，规范不是很好，大小写混写且编码不规范；
2. xhtml即是升级版的html（Extensible Hyper Text Markup Language），对html进行了规范，编码更加严谨纯洁，也是一种过渡语言，html向xml过渡的语言；
3. xml即时可扩展标记语言（Extensible Markup Language），是一种跨平台语言，编码更自由，可以自由创建标签。
4. 网页编码从html>>xhtml>>xml这个过程发展。

html，xhtml和xml的区别

1. xhtml对比与html，xhtml文档具有良好完整的排版ÿ