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