HTML5增加的几个新的标签

   HTML5又2008年诞生,HTML5大致可以等同于=html+css3+javascriptapi....

    so --->支持css3强大的选择器和动画以及javascript的新的函数

先来记录一下吧! 

      1。  <canvas>画布标签 HTML5的新标签

举例:

复制代码
 1 <html>2     <head>3         <title>canvas画布的应用</title>4           <p align="center">画一个矩形<span style="color : #ff0000">龚细军创作</span></p>    </head>5   <body> 6          <canvas id="can" width="400px" height="500px" style="border : 2px solid red"> </canvas>       7     <script type="text/javascript">8         var canvas=document.getElementById("can");9         var cxt = canvas.getContext("2d");
10         //alert(cxt);
11         cxt.style="#FF0000"
12         cxt.fillRect(10,10,30,30);
13     </script>
14      </body>
15 </html>
复制代码

2. 增加了<header> <forder>  这两个标签做到了网页和结构的分离 (使用seo 即搜索引擎)

   格式:    

1 <html>
2   <header>(网页)page的头部</header>
3             你好呀,我是........
4   <footer>网页的尾部</footer>
5 </html>

3.增加了音频<audio>和 音频<video>两个新的标签........。

    <video src"=http://video.baomihua.com/37784322/32372832?ptag=vsogou" poster="C:\Users\Administrato\Desktop\火影Q版人物集\10.jpg"  controls="controls" width="500px" height="400px">呵呵,放不了哦!</video><!--嵌入一段音频-->

效果图:  (注意: 目前html所支持的格式为: mp4/ogg格式)

同理,音频也是一样的...
4. 增加了离线存储功能
    
5. 支持语音识别   6.支持图像识别 7.支持游戏
8.支持强大的css3......(动画和选择器)
(1)
 View Code

以上呈现的是一个字体颜色逐渐变化的样式..

(2) css3代码选器举例:

复制代码
 1 <html>2     <head>3         <style type="text/css">4           p:nth-child(odd) {color:red}5       </style>6     </head>7     <body>8         <p >会是个什么颜色呢</p>9         <p >会是个什么颜色呢</p>
10         <p >会是个什么颜色呢</p>
11         <p >会是个什么颜色呢</p>
12     </body>
13 </html>
复制代码

效果图:

6.支持拖放,跨文档,浏览器历史管理

 

7.各个浏览器的浏览器的兼容性很好....

转载于:https://www.cnblogs.com/goodbeypeterpan/p/3919016.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/407340.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在 Linux 中使用动态磁盘

是否遇到过这样的问题&#xff0c;划分了<?xml:namespace prefix st1 ns "urn:schemas-microsoft-com:office:smarttags" />10G的一个分区&#xff0c;挂接到/home 下&#xff0c;可是随着时间的流逝&#xff0c;10G的空间开始不够用了&#xff0c;需要把它…

vue项目结构(未抽离成.vue文件前的结构)

最终效果 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><title>vue项目结构</title><script type"text/javascript" src"./lib/vue-2.4.0.js"></script><scri…

JS之Boolean的toString方法

作用&#xff1a;toString() 方法可把一个逻辑值转换为字符串&#xff0c;并返回结果 语法&#xff1a;booleanObject.toString() 返回值&#xff1a;根据原始布尔值或者 booleanObject 对象的值返回字符串 “true” 或 “false” 注意1&#xff1a;如果调用该方法的对象不是…

linux下exec系列(一)

fork()是用于建立进程的手段之一&#xff0c;但是fork()只能建立相同程序的副本。幸运的是&#xff0c;Linux系统还提供了系统调用exec系列。它可用于新程序的运行。 如果exec调用成功&#xff0c;调用进程将被覆盖&#xff0c;然后从新程序的入口开始执行。这样就产生了一个新…

小程序跳转H5页面

在使用web-view时发现了一个问题总是会过段时间自己跳转到web-view是src地址 由于我是写的轮播图中嵌套一个web-view 所以当时我以为是轮播图和这个web-view冲突了 其实设计就是如此 自己跳 <view class"page-body"><web-view src"{{url}}">&…

MOSS数据库服务器迁移步骤

迁移场景: MOSS场具有四台服务器:两台前端,一台index服务器,一台数据库服务器. 需要把数据库迁移到采用集中存储的数据库集群上. 源数据库服务器和目标数据库服务器处于同一个AD域中,目标数据库服务器集群已经配置好. 迁移步骤如下: (1) 在所有MOSS服务器上停掉所有MOSS服务,包…

React开发(116):ant design search引入

import { Input } from antd;const { Search } Input;

JS之Boolean的valueOf方法

作用&#xff1a;valueOf() 方法可返回 Boolean 对象的原始值 语法&#xff1a;booleanObject.valueOf() 返回值&#xff1a;booleanObject 的原始布尔值 注意&#xff1a;如果调用该方法的对象不是 Boolean&#xff0c;则抛出异常 TypeError 实例&#xff1a;

perror的特殊输出

写了一个非常简单的C语言程序&#xff0c;为了测试perror会把数据输出到哪里。但它的运行结果让我无法理解&#xff0c;望高人解答&#xff1a; 源码&#xff1a; #include <stdio.h>int main(){printf("Hello\n");perror("Hello world\n");return…

实现局部动态的3种建议

1. 如果动态数据是简单&#xff0c;可以直接嵌入js&#xff0c;php中通过echo "document.write(内容);";来输出内容 <script typetext/javascript languagejavascript srccontent.php></script> 2. 如果动态的数据是比较复杂的&#xff0c;可能需要服务器…

我来告诉你为什么中国民营企业管理失败的原因!

我作为负责整个集团的信息总监&#xff0c;虽然算不上真正CIO的能力&#xff0c;但是在我现在的集团公司里大小也算是一个领导了。所以&#xff0c;有机会接触集团的董事长---一个90年代发家的真正民营企业家W&#xff0c;我们集团公司在当地也算得上是有规模的一家&#xff0c…

HTML5中的audio在手机端和微信端的不能自动播放

再做H5页面的时候,发现audio在手机端和微信端添加了autoplay以后还是不可以自动播放,这是因为手机端为了节约流量所设置的 通常解决方法是给一个交互事件&#xff1a; 标签:<audio loop src"/photo/aa.mp3" id"audio" autoplay preload"auto&quo…

我的makefile写法(一)

程序演示了一个通过tcp/ip通讯的server/client程序&#xff0c;都是简单的C程序。源码&#xff1a; server.c #include <stdio.h>#include <sys/types.h>#include <sys/socket.h>#include <netinet/in.h>#include <sys/types.h>#include <e…

DataNode,NameNode,JobTracker,TaskTracker用jps查看无法启动解决办法

查看tasktracker的50060的地址无法正常查看&#xff0c;主要有两个原因&#xff0c;一个是在/tmp目录下有以前使用2.02版本留下的文件没有删除&#xff0c;二个是因为端口被占用了 解决方法&#xff1a; 一、删除/tmp目录下所有文件 [rootlocalhost hadoop]# su -[rootlocalhos…

Git之简介

Git是什么&#xff1f; Git是目前世界上最先进的分布式版本控制系统&#xff08;没有之一&#xff09; 那什么是版本控制系统&#xff1f; 如果你用Microsoft Word写过长篇大论&#xff0c;那你一定有这样的经历&#xff1a;想删除一个段落&#xff0c;又怕将来想恢复找不回…

控Proxool连接池的活动连接变化情况

/Files/pony/ConnDB.txt(我用到的一个例子) 下面是摘抄的 研究了Proxool连接池的源代码后完成下面的程序&#xff0c;Proxool连接池的配置过程略。 网管u家u.bitscncom /**//* 网管bitscn_com *author 我为J狂 建立日期 2007-4-18 * */ package net.blogjava.lzqdiy; import j…

React开发(118):报错处理

意思大概为&#xff1a;在一次改变state或者props值后&#xff0c;触发render()方法执行&#xff0c;重新渲染DOM的过程中&#xff0c;react不允许再有其他的state或者props值的改变。render()方法必须是纯函数&#xff01;&#xff01;&#xff01;。我的理解就是&#xff1a;…

vue-cli3.0 开发环境构建

一. 若已全局安装vue-cli (1.x 或 2.x)&#xff0c;需先卸载 npm uninstall vue-cli -g 二. 全局安装 vue-cli3.0 npm install -g vue/cli三. node版本要求 Node >8.9,可以使用 nvm 管理多个 Node 版本。 安装nvm https://github.com/coreybutler/nvm-windows/releases安…