HTML5学习

最新推荐文章于 2022-07-18 14:57:17 发布
最新推荐文章于 2022-07-18 14:57:17 发布
阅读量166 收藏
点赞数
分类专栏： 10-Web 文章标签： HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdn_cSharp/article/details/77886066
版权

1.相对html，HTML5（以下简称为H5）新增了一些特性：

  • 新元素
  • 新属性
  • 完全支持 CSS3
  • Video 和 Audio
  • 2D/3D 制图
  • 本地存储
  • 本地 SQL 数据
  • Web 应用

2.H5新增video和audio标签

H5 规定了一种通过 video 元素来包含视频的标准方法。

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持 <video> 元素.

注意: Internet Explorer 8 或者更早的IE版本不支持 <video> 元素。

video实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>video实例</title>
</head>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>

</body>
</html>

 

 

SAP Visa
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
Web前端基础Html5学习笔记详细（2）
Fightingdddd的博客
06-29 4710
阿树想说 挺困的，，Html 换个方式记单词，还好阿树的词汇量自我感觉不错，对学习英语的兴趣也依然不减。 总结了一些比较重要的也是需要记的东西。资料源网，我比较喜欢用自己比较记得住的方式整理。 Html5学习笔记（1） ...
87
guan1234565的博客
02-11 240
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的盖茨比</title> <style> p{ color: #BB1C33; } spa
认识HTML5
m0_46549558的博客
04-25 317
HTML5
HTML5
weixin_30877755的博客
08-02 218
HTML5新增标签 一、结构标签 1.<header> 定义section或page的页眉 footer 定义section或page的页脚 3.<main> 标签规定文档的主要内容 该元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧边栏，导航栏，出版信息，站点标志或搜索表单。 注释： 在一个文档中，不能出现一个以上的<m...
HTML5（入门）
热爱编程、热爱生活、热爱探索
01-18 9592
<!--1.我的第一个网页.html(为HTML文件名)--> <!DOCTYPE html> <!--表示浏览器的使用规范，一般默认都是html的规范,所以可不要--> <html lang="en"> <head> <!--网页标题--> <meta charset="UTF-8"> <!--告诉浏览器编码类型为字符型编码 常见的字符编码--> <title>网页一.
HTML5 基础知识总结(全)
IT_Holmes的博客
04-22 7428
HTML 一1.文档类型2.字符集3.标签< h1 >到< h6 >4.文本格式化标签（熟记）5.标签属性6.图像标签img 学习HTML推荐使用Sublime Text软件来操作练习，一定要熟练使用这个软件，对以后的无论是工作还是学习都有很大帮助。 1.文档类型<!DOCTYPE> <!DOCTYPE html> 这句活就是告诉我们使用那个html版本。 只需要记住，看到上面这行代码，说明使用的是html5的版本。 2.字符集 <meta chars
HTML5学习笔记
m0_61721166的博客
03-08 8965
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
HTML5学习笔记（总结提炼版）——001
03-14
HTML5是现代网页开发的核心，它是超文本标记语言HTML的第五...以上就是对HTML5学习笔记的初步总结，涵盖了HTML5的关键特性、常见标签以及编码的最佳实践。深入理解和掌握这些知识，将有助于成为一名熟练的前端开发者。
HTML5学习笔记（总结提炼版）——002 CSS
03-14
【CSS简介】 CSS，全称为层叠样式表（Cascading Style Sheets），是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的Web标准。...持续学习和实践CSS，将使你能够创建出更具吸引力和功能性的网站。
html5 html5 教程 html5 html5
12-21
什么是 HTML5？ HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是如何起步的？ HTML5 是 W3C 与 WHATWG 合作的结果。 编者注：W3C 指 World Wide Web Consortium，万维网联盟。 编者注：WHATWG 指 Web Hypertext Application Technology Working Group。 WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。 为 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 特性。
html5完整教程
01-09
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 在本教程中，您将学习如何使用 HTML 来创建站点。 HTML 很容易学习！相信您能很快学会它！
what is html5
01-08
是个英文版的
Html5 移动开发实例前台+后台
07-08
Html5 移动开发实例 Html5 移动开发实例
全方位了解HTML5
11-21
随着web技术的发展，HTML 标准自1999年12月发布的 HTML 4.01 后，后继的 HTML 5 和其它标准被束之高阁，为了推动web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组 - WHATWG） 的组织，HTML5草案的前身名为 Web Applications 1.0，於2004年被 WHATWG 提出，於2007年被 W3C 接纳，并成立了新的 HTML 工作团队。HTML 5 的第一份正式草案已于2008年1月22日公布。2010年9月22正式向公众推荐。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。具体如下： 扩展体验
HTML5简介
FOR.GET
09-16 1893
1 HTML5 简介 HTML是一种描述网页的语言，是一种标记语言，是制作网页的基础语言。 HTML的语法特点： 编写简单：无需任何编程经验。 标记数目有限 语法较弱：不一定需要对用的标记来结束，如就不一定需要来结束 HTML最基本的语法是<标记符></标记符>，通常是成对出现的，一个开始标记和一个结束标记。 2 HTML5 文档基本结构 HTML5文件的基本结构：一个完整的HTML5文件包括标题、段落、列表、表格、绘制的图形和各种嵌入对象，统称为HTML元素。
HTML5入门汇总
nyh126的博客
07-18 334
HTML5草案的前身名为webApplications1.0,是作为下一代互联网标准，用于取代HTML4与xhtml的新一代标准版本，所以叫HTML5，它增加了新的标签和属性，加强了网页的标准，语义化与web表现性能，同时还增加了本地数据库等web应用的功能。内联元素不会自占一行，与其他内联元素在同一行显示宽高由内容撑起。块级元素可独占一行，默认自上而下顺序排列，可以设置宽和高。定义多行文本框，常用于留言框、备注框等。段落标签，描述网页中段落内容。可设置宽和高，但是不独占一行。......
html5简介
WJLSH123的博客
07-26 821
h5简介 ​ <!– ​ ###Html5 HTML5 是定义HTML标准的最新的版本。 该术语表示两个不同的概念： ​ 它是一个新版本的HTML语言，具有新的元素，属性和行为， ​ 它有更大的技术集，允许更多样化和强大的网站和应用程序。 ​ 这个集合有时称为HTML5和朋友，通常缩写为HTML5。 ​ HTML5 约等于 HTML + CSS + JS ​ ###Html5优势 ​ 跨平台:唯一一个通吃PC MAC Ip
前端开发HTML5
03-26
内有两个文件，其中一个为HTML5从入门到精通，适合小白下载学习。
HTML5学习精华：新特性与标签解析
"HTML5学习.pptx" HTML5是现代网页开发的核心标准，它整合了HTML、CSS3和JavaScript，并引入了一系列新API，旨在提升用户体验和开发者效率。HTML5的标准改变体现在多个方面，首先，它不再基于SGML或XML，而是以更...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值