#Web-basic#
###关于WEB与http的介绍参看本github库ppt###
###HTML###
####超文本标记语言介绍：
是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
###HTML文件格式：
HTML档案最常用的扩展名为.html，但是有如DOS等的旧操作系统限制扩展名最多为3个文字符号，所以.htm扩展名也允许使用。而如今.htm扩展名的使用较为减少。
###HTML版本与历史：
超文本标记语言（第一版）——在1993年6月发为互联网工程工作小组（IETF）工作草案发布（并非标准）.
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准。
###分离样式和内容
着重于描述网页结构的元素，例如标题、段落、引言和表格，而不是那些用于呈现的元素
###使用HTTP发布HTML
万维网主要由从服务器通过HTTP协议向浏览器发送的HTML文档组成。但是，HTTP也可以被用于传输HTML之外的数据，例如图像、声音和其他内容。
###HTML格式的电子邮件
一些图形模式下的电子邮件客户端支持HTML格式的邮件。
###HTML超文本格式
例如link元素和可编辑的网页
#XHTML
XHTML是以XML以及HTML为基础开发的语法模式，但比HTML格式的语法要求较于严格。
XHTML 1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。
XHTML 1.1，于2001年5月31日发布，W3C推荐标准。
XHTML 2.0，W3C工作草案。
XHTML 5，从XHTML 1.x的更新版，基于HTML 5草案。
早期的HTML语法规则定义较为松散，这有助于不熟悉网络出版的人使用或变更。网页浏览器接受这类的文件，使之可以显示语法不严格的网页。随着时间的流逝，官方标准渐渐趋于严格的语法，但是浏览器继续显示一些仍不合乎标准的HTML。使用XML的严格规则的XHTML（可扩展超文本标记语言）是W3C计划中的HTML的接替者。虽然很多人认为它已经成为当前的HTML标准，但是它实际上是一个独立的、和HTML平行发展的标准。W3C目前建议使用XHTML 1.1、XHTML 1.0或者HTML 4.01标准编写网页，但已有许多网页转用较新的HTML5编码撰写（如Google）。
#HTML4
HTML 4 是标准通用标记语言下的一个应用，遵从国际标准ISO 8879
#HTML5
2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，该标准规范终于最终制定完成。
HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。
###特性
语义特性（Class：Semantic）：HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
本地存储特性（Class: OFFLINE & STORAGE）：基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度
设备兼容特性 (Class: DEVICE ACCESS)：HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
连接特性（Class: CONNECTIVITY）：更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术
网页多媒体特性(Class: MULTIMEDIA)：支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。
三维、图形及特效特性（Class: 3D, Graphics & Effects）：基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
性能与集成特性（Class: Performance & Integration）：HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。 ###基本代码简介### 一个典型的html格式
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>显示内容</p>
</body>
</html>
head标签里主要得几个标签有
meta, link, script, title
div的基本操作，用于标示块
<div id="left" class = "left_css">
<p>左侧栏</p>
</div>
section用法
<section>
<h1>这是一个子标题</h1>
<p>第一个子标题描述的内容</p>
</section>
<section>
<h1>这是另一个子标题</h1>
<p>这是另一个子标题描述的内容</p>
</section>
section适用于文章之间联系无关的时候，适合使用section，而article适合使用与文章 大段落嵌套小段落之类的情况使用，在段落有联系的情况下是使用article的。
关于HTML的Group Content
具体有很多操作，就不在此赘述，下面为dl dt dd之间一些简单的操作
<dl></dl>用来创建一个普通的列表,
<dt></dt>用来创建列表中一条内容A，
<dd></dd>用来创建A内容的一条子内容B，
<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间。
html table 具体表格的操作
<table border="1">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>23</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>平均</td>
<td>24</td>
</tr>
</tfoot>
</table>
其中的table border是表格的边框操作，thead是页头 tr代表创建表格一行 th代表表格一个 tbody代表表格的具体数据 tfoot代表页脚 十分容易理解。
###DOM### DOM= Document Object Model，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点
DOM 很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围。Dom技术使得用户页面可以动态地变化，如可以动态地显示或隐藏一个元素，改变它们的属性，增加一个元素等，Dom技术使得页面的交互性大大地增强.
DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。
通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。 要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。 在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。
S 所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了。 DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。 DOM 被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）：