HTML杂记

什么是Modren Web Programming

现代web前端开发与传统web开发的区别！工程师，做的工作与网站前/后台系统的页面相关，使用到的主要技术包括:HTML、CSS、Java，如果能会后台编程语言，当然会更好。

现代web前端开发已经不能像传统web开发已经简单的描述成切图、css、js了。在新的HTML5规范中，加入很多新的特性，这样就对web前端工程师有了更高的要求，比如数据库操作，使用cancvs、css3绘图。 切图这个概念已经是过去时了，早期由于技术匮乏，所以要将设计图切成一块一块，并拼接成网页。现在则能使用html5组织页面，使用css3绘图，很多元素已经不需要再使用图片还原设计，这是一个最大的进步。

现代的网页的特性

高质量的用户接口；功能丰富；高效；更弹性的开发体验

HTML的发展

HTML的基本格式

I LOVE HTML

The content of your web page

表示为DOM树的HTML语法

HTML的结构

HTML的语法

字体加粗

字体加粗

下划线

下划线

斜体

斜体

特殊符号

空格：

人民币¥：¥

Copyright符号：

链接：

图片：

注释：

I'm an annotated line

HTML列表

i am item one

i am item two

有序列表

i am item one

i am item two

i am item three

HTML本地缓存

Cookie,LocalStorge,SessionStorge,web SQL

cookie的大小受限制，cookie大小被限制在4KB，不能接受像大文件或邮件那样的大数据。

这是一种持久化的存储方式，也就是说如果不手动清除，数据就永远不会过期。

localStorage是一种持久化的存储方式，也就是说如果不手动清除，数据就永远不会过期。

它也是采用Key - Value的方式存储数据，底层数据接口是sqlite，按域名将数据分别保存到对应数据库文件里。它能保存更大的数据（IE8上是10MB，Chrome是5MB），同时保存的数据不会再发送给服务器，避免带宽浪费。

sessionStorage和服务器端使用的session类似，是一种会话级别的缓存，关闭浏览器会数据会被清除。不过有点特别的是它的作用域是窗口级别的，也就是说不同窗口间的sessionStorage数据不能共享的。

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。当用户关闭浏览器窗口后，数据立马会被删除。

localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。第二天、第二周或下一年之后，数据依然可用。

Web Sql Database，中文翻译作“本地数据库”，是随着HTML5规范加入的在浏览器端运行的轻量级数据库。