前端三种语言、核心标签、常见标签、标签分类

一、前端

前端即网站前台部分，运在PC端，移动端等浏览器上展现给客户浏览的的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript。

二、HTML、CSS、JavaScript

1、HTML

（1）html是超文本标记语言

（2）不是编程语言，不具备编程语言的具备的程序逻辑，负责完成页面的结构

（3）文件后缀是 .html 或 .htm

html组成：标签、指令、实体

1.标签：由<>包裹，以字母开头可以结合合法字符可以被浏览器解析的标记(纯数字或者字母与数字的组合)

qqqqqq

2.指令：被<>包裹，以!开头的可以被浏览器解析的标记

3.实体：被&;包裹的#开头的十进制数或特殊字母组合

<www>

[ 转义字符 ]:http://tool.oschina.net/commons?type=2

字符十进制转义字符

"

"

"

&

&

&

<

<

<

>

>

>

不断开空格(non-breaking space)

在html代码中每输入一个转义字符 就表示一个空格，输入十个 ，页面中就显示10个空格位置。

而在html代码中输入空格，不管输入多少个空格，最终在页面中显示的空格位置只有一个。

2、CSS

（1）css是级联样式表

（2）不是编程语言，不具备编程语言的具备的程序逻辑，负责页面的风格设计，样式美观

（3）文件后缀是 .css

css由选择器、作用域、样式块组成

选择器：由标签、类、id单独或组合出现

作用域：一组大括号包含的区域

样式块：满足css连接语法的众多样式

3、JavaScript

（1）JS是浏览器脚本语言，可以编写运行在浏览器上的程序

（2）负责页面特效、调用浏览器的API(BOM)、操作改变页面内容(DOM)，从后端获取数据 (Ajax)，渲染页面等

（3）文件后缀是 .js

JS组成：BOM、DOM、Ajax、渲染页面等BOM:js操作浏览器

DOM:就是操作页面文档

ES:js语法(ECAMScript)

三、页面的基础模板

1、h5语法特点

不区分大小写

有很多系统标签,一般都具有语义

可以随意定义自定义标签

h5内容不保留空白字符(制表符)

提倡小写

四、核心模板标签

1、元标签（meta）

2、链接标签（link）

3、样式标签（style）

4、脚本标签（script）

五、常用标签

1、无语义标签

123 456 7