HTML5笔记(一)

1.HTML5提供了一些新的元素和属性,例如<nav>(网站导航块)和<footer>。这些标签较有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视频人士使用,除此之外,还为其他浏览要素提供了新的功能。如<audio>和<video>标记。

2.一些过时的HTML4标记将被取消。其中包括纯粹显示效果的标记,如<font>和<center>.他们已经被cSS 取代。

3.<video>标记

定义和用法:

<video>标签定义视频,比如电影片段或其他视频流。

支持,ogg和MP4

4.<audio>标记

定义和用法

<audio>标签定义声音,比如音乐或其他音频流

实例:

一段简单的HTML5音频

<audio src="xx.wav">

您的浏览器不支持audio标签

</audio>

音频格式:

当前,audio元素支持三种音频格式:

ogg,mp4,wav

5.<canvas>标签

用法和定义:

<canvas>标签定义图形,比如图表和其他图形

时间: 2024-10-26 02:18:10

HTML5笔记(一)的相关文章

HTML5笔记3——Web Storage和本地数据库

上一篇:HTML5笔记2——HTML5音/视频标签详解 Web Storage概述 在HTML5中,除了Canvas元素之外,另一个新增的非常重要的功能是可以再客户端本地保存数据的Web Storage功能,之前可以使用Cookies在客户端 保存诸如用户名等简单用户信息,但通过长期使用,人们发现使用Cookies存储永久数据存在几个问题. 大小:Cookies的大小被限制在4KB 带宽:Cookies是随HTTP失误一起被发送的,因此会浪费一部分发送Cookies时使用的带宽 复杂性:要正确的

Html5笔记 表格 布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> <style type="text/css"> p{ color: #ffff00; } body { margin: 0px; } #container { width: 100%; he

HTML5笔记:跨域通讯、多线程、本地存储和多图片上传技术

最近做项目在前端我使用了很多新技术,这些技术有bootstrap.angularjs,不过最让我兴奋的还是使用了HTML5的技术,今天我想总结一些HTML5的技术,好记性不如烂笔头,写写文章可以很好的整理思路,写到博客里还能做个备忘. 1) 跨域通讯 现在做企业项目,前端很不自然的会大量使用iframe标签,我以前在文章里提到iframe是一个效率极其低下的标签,但是如果项目没有什么性能的苛求,使用iframe还是非常的方便的. 使用iframe经常碰到父子窗体通讯的问题,我们看看下面的代码:

HTML5笔记之——视频

一.HTML5视频 1.支持的格式 2.格式 <video src="movie.ogg" width="320" height="240" controls="controls"> Your browser does not support the video tag. </video> control 属性供添加播放.暂停和音量控件. <video> 与 </video> 之

HTML5笔记1——HTML5的发展史及标签的改变

记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,记得当年用的最新的IE浏览器版本还是IE9,才刚刚开始支持HTML5.后来考虑到当时各个版本的浏览器对HTML5的支持都不怎么好,最终公司还是选择了Silverlight,想不到多年以后Silverlight没落了,HTML5却随着移动互联网的兴起而焕发出强大的活力. HTML5的发展路程 一路走来,我们回顾一下HTML的发展之路 HTML1.0

html5笔记(标签)

1.aside aside字面理解为“旁边”,在html5中范围更广一点,是跟主内容相关,但是又可以独立的内容 ,可以是广告.引用.侧边栏等等. html5站的例子就是新闻的内容页或者列表页,以列表页为例,主要内容为新闻的分页列表,右侧的则为aside,显示为新闻列表相关的最新新 2.figure <figure> 标签用于对元素进行组合.

html5笔记

1元素指的是从开始标签到结束标签的所有代码 <br/>换行,但是换行的间距跟p标签的间距不同 空元素在开始标签中进行关闭 大多数的html元素可拥有属性 大多数的html元素都是可以嵌套的 html属性: 1标签可以拥有属性为元素提供更多的信息 2属性以键值对的形式出现 3常用标签属性: <h1>:align对其方式 <body>:bgcolor背景颜色 <a>:target规定在何处打开链接(新的页面,默认的是当前页面,一共是4个) 4通用属性: clas

HTML5笔记——formData

注:formData中的数据在控制台上的console里面是打印不出来的,只能在控制台的network里面查看到具体的发送数据和发送选项 文章出处:梦想天空 XMLHttpRequest Level 2 添加了一个新的接口——FormData.利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单.与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可

HTML5笔记-加强版

新增的语法结构表单验证 1.新的页面结构以及宽松的语法规范:<!doctype html> <meta charset="utf-8"/> 2.新的结构化元素:语义化标签: <header></header> 页眉.主要用于页面的头部的信息介绍,也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合.一个标题和一个子标题,或者标语的组合 <hgroup> <h1>妙味课堂