小贝_html5简介

HTML5简介

1、什么是HTML5

2、HTML5新特性

3、HTML5声明

4、HTML5例子

5、支持HTML5浏览器

什么是 HTML5?

HTML5 是下一代 HTML 标准。

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

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

HTML5新特性

1、用于绘画的 canvas 元素

2、用于媒介回放的 video 和 audio 元素

3、对本地离线存储的更好的支持

4、新的特殊内容元素,比如 article、footer、header、nav、section

5、新的表单控件,比如 calendar、date、time、email、url、search

HTML5声明

HTML5 <!DOCTYPE>

<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单:

<!DOCTYPE html>

最小的HTML5文档

下面是一个简单的HTML5文档:

<!DOCTYPE html>

<html>

<head>

<title>文档标题</title>

</head>

<body>

文档内容......

</body>

</html>

HTML5 浏览器支持

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

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="keywords" content="脚本小子_小贝_HTML5简介"/>
<meta name="description" content="脚本小子_小贝_HTML5简介"/>
<meta name="" content="脚本小子小贝 xiaobei qq:2801616735"/>
<title>HTML5简介</title>
<style>
p{
	border:1px dashed red;
	padding:5px;
}
</style>
</head>

<body>
	<h2>HTML5简介</h2>
	<ul style="list-style:none">
		<li>1、什么是HTML5</li>
		<li>2、HTML5新特性</li>
		<li>3、HTML5声明</li>
		<li>4、HTML5例子</li>
		<li>5、支持HTML5浏览器</li>
	</ul>
	<hr/>
	<h3>1、什么是HTML5</h3>
	<p>
		HTML5 是下一代 HTML 标准。<br/>
		HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。<br/>
		HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。<br/>
	</p>
	<h3>2、HTML5新特性</h3>
	<p>
		1、用于绘画的 canvas 元素<br/>
		2、用于媒介回放的 video 和 audio 元素<br/>
		3、对本地离线存储的更好的支持<br/>
		4、新的特殊内容元素,比如 article、footer、header、nav、section<br/>
		5、新的表单控件,比如 calendar、date、time、email、url、search<br/>
	</p>
	<h3>3、HTML5声明</h3>
	<p>
		 HTML5 <!DOCTYPE>
		<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单:
		<!DOCTYPE html>
	</p>
	<h3>4、HTML5例子</h3>
	<p>
		<!DOCTYPE html><br/>
			<html><br/>
				<head><br/>
					<title>文档标题</title><br/>
				</head><br/>
			<body><br/>
			文档内容......<br/>
			</body><br/>
		</html>
	</p>
	<h3>5、支持HTML5浏览器</h3>
	<p>最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。</p>
</body>
</html>
时间: 2025-01-04 23:27:46

小贝_html5简介的相关文章

小贝_php+redis简单实例222

一.说明 由于redis是c/s架构,从这个角度上,任何符合redis的客户端要求的,都可以与redis进行通讯.官方提供了很多的客户端. php在web方面的发展,大家够有目共睹.因此这里主要是讲解php与redis的使用实例 二.实例 这里仅使用了redis的字符串类型.用到了get和set命令 [php] view plaincopyprint? <?php /** * @explain php操作redis *          1.设置key为name,其值为脚本小子 *       

小贝_php+redis简单实例

php+redis简单实例 一.说明 因为redis是c/s架构.从这个角度上.不论什么符合redis的client要求的.都能够与redis进行通讯.官方提供了非常多的client. php在web方面的发展.大家够有目共睹.因此这里主要是解说php与redis的使用实例 二.实例 这里仅使用了redis的字符串类型.用到了get和set命令 <? php /** * @explain php操作redis * 1.设置key为name,其值为脚本小子 * 2.获取key为name的值 * @

小贝_mysql分区理论学习

mysql分区 简要: 一.为什么需要mysql分区 二.mysql分区的类型 三.mysql分区技术对比 一.为什么需要mysql分区 1.首先,业务数据增大时,必然会影响数据操作.通常针对大数据,有如下优化方法: a.大表拆小表 b.sql语句优化 2.不足: a.sql语句优化可以通过增加索引等来调整,但是随着数据量增大时将会导致索引的维护代价增大 b.大表拆分小表可以在细分为垂直or水平分表.但是需要实现逻辑操作.即选择那张表 3.总结: 针对大数据,添加索引会导致索引文件大以及维护索引

小贝_mysql优化学习

mysql优化 简要: 1.数据库设计优化 2.sql语句优化 3.表分割 4.读写分离技术 一.数据库设计优化 1.表设计要符合三范式,当然,有时也需要适当的逆范式 2.什么是三范式 一范式: 具有原子性,不可再分割 二范式: 在满足一范式的基础上,我们考虑是否满足二范式.只要表的记录满足唯一性,也是说,同一张表,不可能出现完全相同的记录,一般说,在表中设计一个主键即可. 三范式: 在满足二范式的基础上,我们考虑是否满足三范式.只要表满足没冗余性. 二.SQL语句优化 1.sql优化的一般步骤

小贝_mysql分区实例

mysql分区实验 简要: 一.按照分区类型建立分区 二.管理分区 三.分区与未分区表例子 一.建立分区以hash分区为例 (1).非线性hash分区 1.测试表t_hash结构 create table t_hash (id int unsigned, name char(1) )engine=myisam charset=utf8 partition by hash(id) partitions 5; 2.t_hash表物理文件结构 3.往t_hash表插入数据 4.查看表t_hash物理结

小贝_mysql建表以及列属性

mysql建表以及列属性 简要: 一.建表原则 二.详细的列属性说明 一.建表原则 建表: 其实就是声明列的过程,数据最终是以文件的形式放在硬盘(内存) 列: 不同的列类型占的空间不一样. 选列的原则: 够用,不浪费 二.列类型以及属性说明 列类型有: 整形.浮点型.字符型.日期/时间型 2.1.整形 tinyint/smallint/mediumint/int/bigint 2.1.1.详解tinyint 一个字节 [][][][][][][][]共8位 假设8为都为0 ==> 转化为十进制

小贝_redis set/zset类型学习

redis  set.zset类型 一.集合类型 二.查看set.zset集合类型命令 三.set.zset集合类型实例 一.集合类型 1.redis的集合类型,分为两种,即有序和无序. 2.既然是集合类型,因此也要满足集合的特性即 a.集合的确定性: 组成集合的元素的性质必须明确,不允许有模棱两可.含混不清的情况 b.集合的互异性: 对于一个给定的集合,集合中的元素是互异的",就是说,"对于一个给定的集合,它的任何两个元素都是不同的 c.集合的无序性: 指表示一个集合时,构成这个集合

微信小程序开发简介

首先,在微信公众平台mp.weixin.qq.com上注册一个帐号. 小程序开放个人开发者申请注册,个人用户可访问微信公众平台,扫码验证个人身份后即可完成小程序帐号申请并进行代码开发. 注册好之后登录,查看首页 安装开发者工具 安装之后 就可以愉快的开发了

小贝_mysql表优化

mysql表优化 简要:        一.分析表 二.检查表 三.优化表 四.表数据导入 五.锁表操作 一.分析表 1.1.命令: ANALYZE [NO_WRITE_TO_BINLOG | LOCAL]TABLE tbl_name [, tbl_name] ... 1.2.作用: 本语句用于分析和存储表的keyword分布.分析的结果将可以使得系统得到准确的统计信息,使得sql可以生成正确的行计划 1.3.不足: 在分析期间,会对表进行读锁操作 1.4.样例: 二.检查表 2.1.命令 CH