Html5和Html简介
2016-08-15 15:53
274 查看
最近对html5有点兴趣,所以看了一会书,总结了一些内容,在开始前我们先了解一些互联网相关的发展和组织。
一、互联网发展的三个阶段:
1. Web1.0,主流技术HTML和CSS
2.Web2.0,Ajax应用,热门技术JavaScript /DOM/异步数据请求
3.HTML5+CSS3技术
二、相关组织:
1.WHATWG:主流浏览器厂商的人员组成,成立于2004年,核心目标是开发简短的额HTML或Web技术(脱离自W3C)
2.W3C:World Wide Web Consortium,HTML第三个版本开始接手并负责后续版本的制定工作(HTML2.0由IETF, 即因特网工程任务组制定)
有了一定认识后,开始介绍Html5.
一、HTML5的开发:
由于W3C的分歧,成员脱离W3C后成立了WHATWG,其在HTML的的基础上展开工作,向其中添加一些新东西,不久就初见成效。后W3C的XHTML2没有什么实质性进展,在2007年组建了HTML5工作组,内部投票后同意在WHATWG工作成功的基础上继续开展工作,由Google的伊恩.希克森担任W3CHTML5的编辑,同时兼任WHATWG的编辑,于是我们看到看了今天的局面,一种格式,两个版本。
二、HTML5 的设计理念:
1.避免不必要的复杂性 2.支持已有的内容 3.解决现实的问题
4.求真务实 5.平稳退化 6.最终用户优先
三、HTML5的新特性:
1.兼容性 2.合理性 3.效率 4.安全性
5.分离 6.简化 7.通用性 8.无插件
四、一个简单例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>first html5 page</title>
</head>
<body>
<p>this is an article</p>
</body>
</html>
五、HTML简介
1982年,美国人蒂姆.博纳斯.李创造了HTML语言,1993年的Mosaic浏览器迅速爆红,成为世界上第一个广泛应用的浏览器,后微软的IE把网络带到了千千万万普通用户面前。HTML一共经历过5个版本,成为Web上主要的文档格式。HTML文档一般包含两个部分:头部区域和主体区域,基本结构由<html><head><body>三个标签负责。
HTML大部分标签都是成对出现的,但也有少数标签不是成对的,这些孤立的标签被称为空标签。下面粗略讲解各种标签:
1.文档结构标签:
<html>标识文档的起始和终止
<head>文档的头部区域
<body>文档的主体区域
2.文本格式标签
<title>标识网页标题
<hi>标识标题文本
<p>标识段落文本
<pre>标识预定义文本
<blockquote>标识引用文本
3.字符格式标签
<b>字体加粗
<i>字体斜体
<big>放大效果显示
<small>缩小效果显示
<sup>上标效果显示
<sub>下标效果显示
4.列表标签
<ul>标识无序列表
<ol>标识有序列表
<li>标识列表项目
<dl>标识定义列表
5.链接标签
<a>标识超链接
6.多媒体标签
<img>嵌入图像
<object>嵌入多媒体
7.表格标签
<table>定义表格结构
<caption>定义表格标题
<th>定义表头
<tr>定义表格行
<td>定义表格单元格
8.表单标签
<form>定义表单结构
<input>定义文本域、按钮和复选
<textarea>定义多行文本框
<select>定义下拉列表
<option>定义下拉列表中的选项
HTML公共属性大致可分为基本属性、语言属性、键盘属性、内容属性和延伸属性
一、互联网发展的三个阶段:
1. Web1.0,主流技术HTML和CSS
2.Web2.0,Ajax应用,热门技术JavaScript /DOM/异步数据请求
3.HTML5+CSS3技术
二、相关组织:
1.WHATWG:主流浏览器厂商的人员组成,成立于2004年,核心目标是开发简短的额HTML或Web技术(脱离自W3C)
2.W3C:World Wide Web Consortium,HTML第三个版本开始接手并负责后续版本的制定工作(HTML2.0由IETF, 即因特网工程任务组制定)
有了一定认识后,开始介绍Html5.
一、HTML5的开发:
由于W3C的分歧,成员脱离W3C后成立了WHATWG,其在HTML的的基础上展开工作,向其中添加一些新东西,不久就初见成效。后W3C的XHTML2没有什么实质性进展,在2007年组建了HTML5工作组,内部投票后同意在WHATWG工作成功的基础上继续开展工作,由Google的伊恩.希克森担任W3CHTML5的编辑,同时兼任WHATWG的编辑,于是我们看到看了今天的局面,一种格式,两个版本。
二、HTML5 的设计理念:
1.避免不必要的复杂性 2.支持已有的内容 3.解决现实的问题
4.求真务实 5.平稳退化 6.最终用户优先
三、HTML5的新特性:
1.兼容性 2.合理性 3.效率 4.安全性
5.分离 6.简化 7.通用性 8.无插件
四、一个简单例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>first html5 page</title>
</head>
<body>
<p>this is an article</p>
</body>
</html>
五、HTML简介
1982年,美国人蒂姆.博纳斯.李创造了HTML语言,1993年的Mosaic浏览器迅速爆红,成为世界上第一个广泛应用的浏览器,后微软的IE把网络带到了千千万万普通用户面前。HTML一共经历过5个版本,成为Web上主要的文档格式。HTML文档一般包含两个部分:头部区域和主体区域,基本结构由<html><head><body>三个标签负责。
HTML大部分标签都是成对出现的,但也有少数标签不是成对的,这些孤立的标签被称为空标签。下面粗略讲解各种标签:
1.文档结构标签:
<html>标识文档的起始和终止
<head>文档的头部区域
<body>文档的主体区域
2.文本格式标签
<title>标识网页标题
<hi>标识标题文本
<p>标识段落文本
<pre>标识预定义文本
<blockquote>标识引用文本
3.字符格式标签
<b>字体加粗
<i>字体斜体
<big>放大效果显示
<small>缩小效果显示
<sup>上标效果显示
<sub>下标效果显示
4.列表标签
<ul>标识无序列表
<ol>标识有序列表
<li>标识列表项目
<dl>标识定义列表
5.链接标签
<a>标识超链接
6.多媒体标签
<img>嵌入图像
<object>嵌入多媒体
7.表格标签
<table>定义表格结构
<caption>定义表格标题
<th>定义表头
<tr>定义表格行
<td>定义表格单元格
8.表单标签
<form>定义表单结构
<input>定义文本域、按钮和复选
<textarea>定义多行文本框
<select>定义下拉列表
<option>定义下拉列表中的选项
HTML公共属性大致可分为基本属性、语言属性、键盘属性、内容属性和延伸属性
相关文章推荐
- HTML5秘籍---第一章(HTML5简介)
- html5学习笔记3 HTML简介(二)
- HTML学习笔记(一)_HTML5简介
- [HTML5]移动Web应用程序开发 HTML5篇 (一) HTML5简介
- html5学习笔记一:html5简介,html5和html有什么不一样。
- <html5>1.什么是HTML5、Canvas的简介
- 移动Web应用程序开发 HTML5篇 (一) HTML5简介
- HTML与XHTML、以及HTML4与HTML5标签之间的区别简介
- 移动Web应用程序开发 HTML5篇 (一) HTML5简介
- HTML5快速入门(一)—— HTML简介
- HTML5教程:课时一HTML简介
- html5快速入门(一)—— html简介
- 【HTML5】H5的新标签简介
- HTMLCSS_《HTML5 Up and Running》
- HTML5表单及其验证【html自带属性验证】
- HTML学习笔记——(一)HTML简介
- HTML简介以及基本使用
- 简介DTD文档模型及HTML
- [H5]HTML5声明、标签、元素、属性、格式化简介
- 小贝学习html简介