html5入门前言
2016-07-20 01:51
447 查看
1、HTML是什么?
HTML是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
2、为什么要学习HTML?[b]学习HTML能干什么?[/b]
推出HTML开发工具使得网页制作非常简单。
浏览网站时由HTML语言所编写的。
各大浏览器的支持
制作精美的电商、门户等静态网页
制作网页中的各种交互、动画效果
制作网页游戏
....
[b]3、HTML的工作原理[/b]
HTML其实就是组合成一个文本文件的一系列标签。浏览器通过对这些标签的解析(DOM),来呈现给我们最终格式化后的网页效果。
4、HTML5工作流程
a、浏览器加载一个文档,其中包括用HTML写的标记和用CSS写的样式
b、浏览器加载页面时,会为你的文档创建一个内部模型,其中包含HTML标记的所有元素。这个模型就是文档对象模型(Document Object Model),简称DOM
c、浏览器加载页面时,还会加载JavaScript代码,通常是页面加载之后就开始执行这些代码。
d、通过这些API,你就可以访问音频和视频、使用画布完成2D绘图、访问本地存储,还可以使用构建应用所需的很多其他优秀技术。要使用所有这些API,需要用到JavaScript。
5、开发环境
winow7(无论什么系统都行),hbuilder(还有一些webstrom,dreamweaver等都行)
6、XHTML与HTML、HTML5的区别(了解即可)
XHTML与HTML最主要的区别
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
XHTML标签名必须用小写字母。
XHTML 文档必须拥有根元素。
HTML5
HTML5是很有野心的下一代标准,它已经远远超越了标记语言的范畴,其背后是一组技术集。
最基本的就是更富语义的标签,以便更好的被机器识别;
Canvas+WEBGL等技术,实现无插件的动画以及图像、图形处理能力;
本地存储,可实现offline应用;
websocket,一改http的纯pull模型,实现数据推送的梦想;
MathML,SVG等,支持更加丰富的render;
对跨浏览器的推动。 -----摘自http://www.cnblogs.com/freeyiyi1993/p/3615364.html
HTML是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
2、为什么要学习HTML?[b]学习HTML能干什么?[/b]
推出HTML开发工具使得网页制作非常简单。
浏览网站时由HTML语言所编写的。
各大浏览器的支持
制作精美的电商、门户等静态网页
制作网页中的各种交互、动画效果
制作网页游戏
....
[b]3、HTML的工作原理[/b]
HTML其实就是组合成一个文本文件的一系列标签。浏览器通过对这些标签的解析(DOM),来呈现给我们最终格式化后的网页效果。
4、HTML5工作流程
a、浏览器加载一个文档,其中包括用HTML写的标记和用CSS写的样式
b、浏览器加载页面时,会为你的文档创建一个内部模型,其中包含HTML标记的所有元素。这个模型就是文档对象模型(Document Object Model),简称DOM
c、浏览器加载页面时,还会加载JavaScript代码,通常是页面加载之后就开始执行这些代码。
d、通过这些API,你就可以访问音频和视频、使用画布完成2D绘图、访问本地存储,还可以使用构建应用所需的很多其他优秀技术。要使用所有这些API,需要用到JavaScript。
5、开发环境
winow7(无论什么系统都行),hbuilder(还有一些webstrom,dreamweaver等都行)
6、XHTML与HTML、HTML5的区别(了解即可)
XHTML与HTML最主要的区别
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
XHTML标签名必须用小写字母。
XHTML 文档必须拥有根元素。
HTML5
HTML5是很有野心的下一代标准,它已经远远超越了标记语言的范畴,其背后是一组技术集。
最基本的就是更富语义的标签,以便更好的被机器识别;
Canvas+WEBGL等技术,实现无插件的动画以及图像、图形处理能力;
本地存储,可实现offline应用;
websocket,一改http的纯pull模型,实现数据推送的梦想;
MathML,SVG等,支持更加丰富的render;
对跨浏览器的推动。 -----摘自http://www.cnblogs.com/freeyiyi1993/p/3615364.html
相关文章推荐
- html5学习笔记(2)
- 安全机制
- h5知识点总结
- 基础html5
- HTML5编辑API之Range对象
- HTML5存储
- [HTML5] Accessible Icon Buttons
- HTML5前端开发之基础篇
- HTML4.01与HTML5差异
- HTML5新增主题结构
- html5 input
- HTML5--HTML标签的改变-崭新的布局
- JWplayer播放器,能嵌套在html5中
- HTML5基础学习笔记(十二)
- html文档类型能直接改成html5吗?
- 响应式设计中的HTML5
- 前端html5
- html5语义化学习
- 移动设备wap手机网页html5通过特殊链接:打电话,发短信,发邮件详细教程
- HTML5 对于手机页面长按会粘贴复制的禁用 (解决方案)