html与html5
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 的关键是标签，其作用是指示将出现的内容。
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
HTML 链接是通过 <a> 标签进行定义的。<a href="http://www.w3school.com.cn">This is a link</a>
HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" width="104" height="142" />
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。比如 <br />
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：<p>This is<br />a para<br />graph with line breaks</p>
<hr /> 标签在 HTML 页面中创建水平线。
无序列表始于 <ul> 标签。每个列表项始于 <li>；有序列表始于 <ol> 标签。每个列表项始于 <li> 标签；自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
HTML注释：<!-- This is a comment -->
HTML 标签可以拥有属性。
<h1 align="center">
<body bgcolor="yellow">
<table border="1">
属性值应该始终被包括在引号内。双引号是最常用的，在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号.
使用样式：常用外部样式表/内联样式
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
</body>
HTML中得元素分为块元素和内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束），例子：<h1>，<p>，<table>；内联元素在显示时通常不会以新行开始，如<b>，<a>。
可以通过 <div> 和 <span> 将 HTML 元素组合起来，便于CSS样式的控制，div是块元素，span是内联元素。
HTML表单是一个包含众多元素的区域
<form name="input" action="html_form_action.asp" method="get">
<input type="text" name="myname" />
<input type="radio" name="sex" value="male" />
<input type="checkbox" name="bike" />
<input type="submit" value="Submit" />
HTML的框架，将多个网页整合在一起
<html>
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</html>
内联框架
<!DOCTYPE html>
<html>
<body>
<iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
<p><b>注释：</b>由于链接的目标匹配 iframe 的名称，所以链接会在 iframe 中打开。</p>
</body>
</html>
元素速查http://www.w3school.com.cn/html/html_quick.asp
HTML头部<head>必须包含<title>，还可以包含<base>链接的默认地址和打开方式、<link>外部文件的关系、<style>很少使用这种方式的样式、<meta>网页的元数据秒数用于搜索引擎、<script>脚本。
XHTML 是更严格更纯净的 HTML 代码，是作为一种 XML 应用被重新定义的 HTML。
HTML5 是下一代的 HTML，添加了多媒体、画布的支持，新加了一些元素。新特性包括：对本地离线存储的更好的支持、web worker 运行在后台的 JavaScript、EventSource向服务器发送事件获取更新等。
PS：
|
客户端存储
|
cookie
|
localStorage（html5）
|
sessionStorage(html5)
|
|---|---|---|---|
| 有效期 | 服务器设定 | 永久，服务器可操作修改 | 一个回话 |
| 大小 | 4k | 5M甚至更大 | 5M甚至更大 |
| 性能 | 服务器间传送 | 长期本地存储 | 短期本地存储 |
cookie和session对比：http://www.cnblogs.com/shiyangxt/archive/2008/10/07/1305506.html
html与html5的更多相关文章
- 使用HTML5开发Kinect体感游戏
一.简介 我们要做的是怎样一款游戏? 在前不久成都TGC2016展会上,我们开发了一款<火影忍者手游>的体感游戏,主要模拟手游章节<九尾袭来 >,用户化身四代,与九尾进行对决, ...
- 读书笔记：《HTML5开发手册》--HTML5新的结构元素
读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...
- HTML5 Boilerplate - 让页面有个好的开始
最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用. 一:HTML5 ...
- 戏说HTML5
如果有非技术人员问你,HTML5是什么,你会怎么回答? 新的HTML规范... 给浏览器提供了牛逼能力,干以前不能干的事...(确切地说应该是给浏览器规定了许多新的接口标准,要求浏览器实现牛逼的功能. ...
- nw.js桌面软件开发系列 第0.1节 HTML5和桌面软件开发的碰撞
第0.1节 HTML5和桌面软件开发的碰撞 当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Win ...
- Web大前端时代之：HTML5+CSS3入门系列
准备来一波新技术,待续.... Old: 联系源码:https://github.com/dunitian/LoTHTML5 文档下载:https://github.com/dunitian/LoTD ...
- 07. Web大前端时代之：HTML5+CSS3入门系列~H5 地理位置
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...
- HTML5 介绍
本篇主要介绍HTML5规范的内容和页面上的架构变动. 目录 1. HTML5介绍 1.1 介绍 1.2 内容 1.3 浏览器支持情况 2. 创建HTML5页面 2.1 <!DOCTYPE> ...
- HTML5 语义元素(一)页面结构
本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.< ...
- HTML5 input元素新的特性
在HTML5中,<input>元素增加了许多新的属性.方法及控件.本文章分别对这三方面进行介绍. 目录 1. 属性 2. 方法 3. 新控件 1. 属性 <input>元素在H ...
随机推荐
- javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈
Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...
- react-redux
1. 首先redux,与react是两个独立的个体,项目中可以只用react,也可以只用redux 1.1 react-redux: 是一个redux作者专门为react制作的 redux, 增加了新 ...
- jQuery学习之路（7）- 用原生JavaScript实现jQuery的某些简单功能
▓▓▓▓▓▓ 大致介绍 学习了妙味,用原生的JavaScript实现jQuery中的某些部分功能 定义自己的函数库lQuery ▓▓▓▓▓▓ $()选择器的实现 jQuery是面向对象的,所以自己编写 ...
- 【Machine Learning】决策树案例：基于python的商品购买能力预测系统
决策树在商品购买能力预测案例中的算法实现 作者:白宁超 2016年12月24日22:05:42 摘要:随着机器学习和深度学习的热潮,各种图书层出不穷.然而多数是基础理论知识介绍,缺乏实现的深入理解.本 ...
- H3 BPM让天下没有难用的流程之产品概述
一.产品简介 BPM(Business Process Management),是指根据业务环境的变化,推进人与人之间.人与系统之间以及系统与系统之间的整合及调整的经营方法与解决方案的IT工具. H3 ...
- 如何区别exists与not exists?
1.exists:sql返回结果集为真:not exists:sql不返回结果集为真.详解过程如图: exists not exists
- openresty 前端开发入门五之Mysql篇
openresty 前端开发入门五之Mysql篇 这章主要演示怎么通过lua连接mysql,并根据用户输入的name从mysql获取数据,并返回给用户 操作mysql主要用到了lua-resty-my ...
- firebug不能加载JS文件 ，无法进行JS脚本调试
提示: 本页面不包含 Javascript 如果 <script> 标签有 "type" 属性,其值应为 "text/javascript" 或者& ...
- Ubuntu 16.04 安装 arm-linux-gcc 嵌入式交叉编译环境 问题汇总
闲扯: 实习了将近半年一直在做硬件以及底层的驱动,最近要找工作了发现了对linux普遍要求很高,而且工作岗位也非常多,所以最近一些时间在时不时地接触linux. 正文:(我一时兴起开始写博客,准备不充 ...
- 为什么 Android Studio 工程文件夹占用空间这么大？我们来给它减减肥
偶然中发现Android Studio的工程文件夹比ADT Bundle的大很多.用Android Studio新建一个空工程,工程文件夹大小为30M,运行一次后大小为40M.同样用ADT Bundl ...