HTML5学习笔记（一）-认识HTML5

百变鹏仔 3个月前 (10-18) #H5教程

文章标签学习笔记

什么是 HTML5？

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5 新规则：

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
减少对外部插件的需求（比如 Flash）
更优秀的错误处理
更多取代脚本的标记
HTML5 应该独立于设备
开发进程应对公众透明

新特性

HTML5 中的一些有趣的新特性：

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search

浏览器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

HTML基础讲解

1. 声明:

　HTML也有多个不同的版本, 只有完全明白页面中使用的确切HTML版本, 浏览器才能完全正确地显示HTML页面. 这就是的用处.

　HTML5:

<!DOCTYPE html>

HTML4.01:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/TR/html4/loose.dtd">

XHTML1.0:

<!DOCTYPE html        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

2. HTML基础标签

head, body

HTML 标签是由尖括号包围的关键词，比如
HTML 标签通常是成对出现的，比如和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

<html><head></head><body><h1>My First title</h1><p>here is the first paragraph.</p></body></html>

例:

与之间的文本描述网页
与之间的是head部分
与之间的文本是可见的页面内容
与
之间的文本被显示为标题
与
之间的文本被显示为段落

3. HTML标题

...

等标签进行定义

<!DOCTYPE html> 基础

标题1

标题2

标题3

标题4

标题5

标题6

这是我的第一个H5程序

3. HTML段落

标签定义段落

4. HTML连接

标签定义连接

<a href="www.baidu.com">找度娘</a>

5. HTML图像

标签定义图像

<img  src="照片的路径, 可以是网络的, 可以是本地的" alt="HTML5学习笔记（一）-认识HTML5" >

文章推荐

HTML5学习笔记（一）-认识HTML5

什么是 HTML5？

HTML5 新规则：

新特性

浏览器支持

与

...

等标签进行定义<!DOCTYPE html> 基础 标题1 标题2 标题3 标题4 标题5 标题6 这是我的第一个H5程序

标题1

标题2

标题3

标题4

标题5

标题6

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集

等标签进行定义
<!DOCTYPE html> 基础
标题1

标题2

标题3

标题4

标题5

标题6

这是我的第一个H5程序