前端语言学习

根据W3c标准，一个网页主要有三部分组成：结构、表现还有行为。

W3c标准

结构	表现	行为
HTML	CSS	JavaScript

HTML 用于描述页面结构

CSS用于控制页面中元素的样式

JavaScript用于响应用户操作

1：HTML简介

超文本标记语言， 标准通用标记语言下的一个应用。

“ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。

超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。

特点

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（ WWW）盛行的原因之一，其主要特点如下：

1:简易性：超级文本标记语言 版本升级采用 超集方式，从而更加灵活方便。

2:可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加 标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

3:平台无关性：虽然 个人计算机大行其道，但使用 MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是 万维网（ WWW）盛行的另一个原因。

4:通用性：另外， HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

书写

它其实是文本，它需要浏览器的解释，它的编辑器大体可以分为三种，

基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用 WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。

半所见即所得软件，

如：

FCK-Editer、E-webediter等在线 网页编辑器；
尤其推荐： Sublime Text代码编辑器（由Jon Skinner开发，	Sublime Text 3收费但可以无限期试用）。

所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：

AMAYA（出品单位： 万维网联盟）；

FRONTPAGE（出品单位： 微软）；

Dreamweaver（出品单位： Adobe）。

所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。

字符集

在网页中除了可显示常见的美国信息交换标准代码（外语缩写： ASCII）字符和汉字外，HTML还有许多特殊字符，它们一起构成了HTML 字符集。有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，二是键盘上没有的字符。 HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。字符代码以“&”符开始，以分号";“结束，其间是字符名，如®。数字代码也以“&#”符开始，以分号”;"结束，其间是编号，如®。

<head></head> 这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和 meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用作书签和收藏清单。

设置文档标题和其它在网页中不显示的信息，比如 dir ection方向、语言代码 Lang uage Code（实体定义!ENTITY % i18n）、指定字典中的元信息、等等。

以下表格列出了 HTML head 元素：

标签	描述
<head>	定义了文档的信息
<title>	定义了文档的标题
<base>	定义了页面链接标签的默认链接地址
<link>	定义了一个文档和外部资源之间的关系
<meta>	定义了HTML文档中的元数据
<script>	定义了客户端的脚本文件
<style>	定义了HTML文档的样式文件

常见实体

显示结果	描述	实体名称
	空格
<	小于号	<
>	大于号	>
&	和号	&
"	引号	"
’	撇号	' (IE不支持)

前端学习~~01