展开

关键词

HTML 5.2 新特性

当一个规范到达了REC阶段时,这意味着它已经得到了W3C成员和主管正式认可,并且W3C正式推荐各浏览器厂商进行开发,也推荐web开发者使用全新特性。 在REC阶段,任何新特性都应该至少有两个独立实现。对于我们这些开始使用新特性web开发人员来说是一个伟大时代。 变更履历地址:https://www.w3.org/TR/2017/REC-html52-20171214/ 新特性 原生<dialog>元素 在HTML 5.2所有变更中,最让我兴奋是<dialog 尽管,据我目前所知,苹果设备仍然不支持sizes属性,不过这一变化会对将来是有积极作用。 新添加有效实践 除了新特性之外,HTML 5.2还启用了一些以前无效HTML编写实践。 移除特性HTML 5.2中,删除了一些元素,即: keygen:用于帮助生成表单公钥。 menu和menuitem: 用于创建导航或上下文菜单。

25150

HTMLid、name、class 区别

HTMLid与name 区别 一个name可以同时对应多个控件,比如checkbox和radio 而id必须是全文档中唯一 id用途  1) idHTML元素Identity,主要是在客户端脚本里用 当然HTML元素name属性在页面中也可以起那么一点ID作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素对象数组 <<id具有唯一性,而class是一个类,适用于可多次重复使用容器>> 关于ID和Name一些注意事项 当然HTML元素name属性在页面中也可以起那么一点id作用,因为在DHTML对象树中,我们可以使用 如果页面中有n(n>1)个HTML元素id都相同了怎么办?在DHTML对象中怎么引用他们呢? 这个时候我们还是可以继续使用document.getElementById获取对象,只不过我们只能获取id重复那 些对象中在HTML Render时第一个出现对象。

99820
  • 广告
    关闭

    什么是世界上最好的编程语言?丨云托管征文活动

    代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML5新特性

    HTML5新特性 (1). 新语义标签 (2). 增强型表单(表单2.0) (3). 音频和视频 (4). Canvas绘图 (5). SVG绘图 (6). 地理定位 (7). HTML5中表单特性 (1). 新input type <input type="?" HTML5新特性-SVG绘图(Scalable Vector Graph:可缩放矢量图) ? HTML5新特性之七-拖放API (1). HTML5新特性之八-Web Worker (1). 程序:Program,指可被CPU执行代码,存储在外存中 (2).

    24720

    HTML5新特性

    本章主要内容有: ---- [1] 用于媒体回放 video 和audio 元素 [2] HTML5拖放 [3] canvas简单应用 [4] Web存储: localStorage 和 SessionStorage 视频/音频.png [2] HTML5拖放 把拖放元素 draggable 属性设置为 true 拖放元素属性 ondragstart 调用一个函数, 通过 event dataTransfer.setData HTML5 对象, 拥有多种绘制路径、矩形、圆形、字符以及添加图像方法 */ // 画矩形 cxt.fillStyle = "#FFFF00"; /* 矩形背景颜色 result.png [10] 服务器发送事件 EventSource HTML5 服务器发送事件 (server-sent event) 允许网页获得来自服务器更新 <div id="resu -- id 不能和前面例子 id 相同 --> <script> if(typeof EventSource !

    86350

    html5 新特性

    返回值:返回包含 JSON 文本字符串。 7.自定义对象属性:     html5中可以通过data- 前缀就成为data 属性,       也可以应用CSS属性选择器进行样式设置。 数量不受限制,在控制和渲染数据时候提供了非常强大控制     dataset 获取属性值: \     <div id="day2-meal-expense" data-drink="coffee" data-food="sushi" data- meal="lunch">¥20.12

          <button id="button">点击我</button>       var coffee 8.html5 <script> async 属性     defer : 延迟加载,会按顺序执行,在onload执行前被触发     语法: <script async="async" /ningmengxs/html5.git

    434100

    HTML5新特性

    概述 HTML5 新增特性主要是针对于以前不足,增加了一些新标签、新表单和新表单属性等。 这些新特性都有兼容性问题,基本是 IE9+ 以上版本浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。 语义化标签 (★★) 以前布局,我们基本用 div 来做。 新增input表单.png 类型很多,我们现阶段重点记忆三个: number tel search CSS3新特性 CSS3 现状 新增CSS3特性有兼容性问题,ie9+才支持 移动端支持优于 这样就可以不用借助于类或者id选择器 属性选择器也可以选择出来自定义属性 注意:类选择器、属性选择器、伪类选择器,权重为 10。 这个集合有时称为 HTML5 和朋友,通常缩写为 HTML5 。 虽然 HTML5 一些特性仍然不被某些浏览器支持,但是它是一种发展趋势。

    61041

    HTML5新特性

    HTML5新特性 HTML5是下一代HTML标准,是HTML最新修订版本,2014年10月由万维网联盟W3C完成标准制定,HTML5将HTML从用于构造一个文档一个简单标记,到一个完整应用程序开发平台 ,HTML5还包括新元素和用于增强存储、多媒体和硬件访问JavaScript APIs。 示例 <canvas id="canvas" width="500" height="300" ></canvas> <script type="text/javascript"> var canvas msup> <mo>=</mo> <msup><mi>c</mi><mn>2</mn></msup> </mrow> </math> 拖放API 拖放是一种常见特性 */ Web Storage 使用HTML5可以在本地存储用户浏览数据,localStorage和sessionStorage是HTML5提供对于Web存储解决方案。

    42520

    HTML5特性&&canvas

    1.HTML5是由W3C(万维网联盟,专注于XHTML 2.0)和WHATWG(专注于web表单和应用程序)共同合作结果,2014年10月完成标准制定! 主要设计目的:为了在移动设备上支持多媒体。 2.HTML5新特性:(区分HTML) 绘画canvas; 用于媒介回放video和audio元素; 本地离线缓存localStorage长期缓存数据,浏览器关闭后数据不丢失;sessionStorage 3.被HTML5抛弃“孩子”(元素): 纯表现元素:basefont,big,center,font,s,strike,tt,u等(可以用CSS替代); 对可用性产生负面性影响元素:frameset 这样就可以让它们支持HTML5新标签;(以下代码在IETester下IE 8和IE6测试通过) 1 <! (这是一种比较好解决IE6-8不识别HTML5新元素方法,但是这些引入新元素不能作为父元素包裹子元素;并且不能运用css样式╮(╯▽╰)╭,“万恶”IE╮(╯▽╰)╭) 1 <!

    46290

    html5新特性

    1.新文档类型 2.脚本和链接无需type 3.语义Header和Footer 4.Hgroup 5.标记元素 6.图形元素 7.重新定义 8.占位符 9.必要属性 10.Autofocus

    17330

    HTML5中引入关键特性

    不指定变化后内容如何保存 contextmenu 定义menu元素DOM id作为定义钙元素特性上下文菜单 data-X 制定可以包含在标签中用户定义元数据,而不必担心这些元数据与当前特性或者未来特性冲突 使用这种类型特性可以避免创建自定义特性或者过载class特性常见方法 draggable 定义特性时,允许元素与其内容可以被拖放 hidden 在HTML5中,所有元素都可以有hidden特性,用于表示元素不相关 这是一个可选特性,如果使用该特性,那么就必须将其放置在设置itemscope和itemtype两个特性元素中。 该特性特性值必须是URL形式 itemprop 该特性用于为microdata项提供一对名称/值数据。 该特性是可选,但是如果使用它,就必须将其放置在设置了itemscope特性元素中 itemtype 该特性要与itemscope特性结合使用,用于定义一个microdata项全局类型。

    42490

    10个好用 HTML5 特性

    在本文中,我列出了十个我过去没用过HTML5功能,但现在发现它们很有用,废话不多说,让我们开始吧。 detais 标签

    标签向用户提供按需查看详细信息效果。 Map HTML <map> 属性 与 属性一起使用来定义一个图像映射(一个可点击链接区域)。可点击区域可以是这些形状中任何一个,矩形,圆形或多边形区域。 mark 标签

    Did you know, you can "Highlight something interesting" just with an HTML tag 作者:Ahmad shaded 译者:前端小智 来源:sitepoint 原文:https://dev.to/atapas/10-useful-html5-features-you-may-not-be-using 来都来了,走啥走,留个言呗~ IT大咖说 | 关于版权 由“IT大咖说(ID:itdakashuo)”原创文章,转载时请注明作者、出处及微信公众号。

    23720

    10个好用 HTML5 特性

    作者:Ahmad shaded 译者:前端小智 来源:sitepoint 在本文中,我列出了十个我过去没用过HTML5功能,但现在发现它们很有用,废话不多说,让我们开始吧。 ? 默认情况下,它是收起来,打开后,它将展开并显示被隐藏内容。 Map HTML <map> 属性 与 属性一起使用来定义一个图像映射(一个可点击链接区域)。可点击区域可以是这些形状中任何一个,矩形,圆形或多边形区域。 mark 标签

    Did you know, you can "Highlight something interesting" just with an HTML tag <input type="color" onchange="showColor(event)"> <p id="colorMe">Color Me!

    ?

    10711

    转: 细说HTML元素ID和Name属性区别

    第一段里对于ID和Name解答说太笼统了,当然那个解释对于ID来说是完全对,它就是Client端HTML元素Identity。 显然这些用途都不是能简单使用ID来代替掉,所以HTML元素ID和Name却别并不是身份证号码和姓名这样区别,它们更本就是不同作用东西。     当然HTML元素Name属性在页面中也可以起那么一点ID作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素对象数组 这里再顺便说一下,要是页面中有n(n>1)个HTML元素ID都相同了怎么办?在DHTML对象中怎么引用他们呢? 这个时候我们还是可以继续使用document.getElementById获取对象,只不过我们只能获取ID重复那些对象中在HTML Render时第一个出现对象。

    41830

    HTML5.2新特性解读

    不到一个月之前,W3C官方发布 HTML5.2,并成为官方推荐使用标准。这意味着作为web开发者,我们可以愉快地使用5.2中特性了。 W3C在HTML5.2中添加了一些新特性,也有一些曾经特性被移出了。这篇文章里笔者会为大家介绍一下对开发者影响较大一些更新。 新特性 原生提供<dialog>元素 众所周知,dialog是web开发中非常常用一个组件,很多人前端组件开发之路都是从开发一个dialog开始。 <body> <button id="open">Open Dialog</button> <button id="close">Close Dialog</button> <

    </body> 移除特性HTML5.2中一些元素被移除了,比如: keygen:帮助forms生成公钥 menu和menuitem:用来生成导航或者菜单 最新列为无效实践 在HTML5.2

    49250

    HTML 5.1 — 14项新增特性

    14.防止网络钓鱼攻击 13.灵活处理图片标题 12.拼写检查 11.空选项 10.支持 Frame 全屏 9.嵌入 header 和 footer 8.图片零宽度 7.校验表单 6.浏览器上下文菜单 5.在脚本和样式上使用加密随机数 4.反序链接关系 3.显示/隐藏信息 2.更多输入项类型 1.响应式图像 html5.1

    5420

    前端学习笔记之HTMLid,name,class区别

    htmlname和id可以类比身份证姓名和身份证编号, 编号id具有唯一性,一个id只出现一次。 名称name具备可重复性,可以多次出现。 在css中两者都具备识别html元素作用,name用点号.表示,id用井号# 一般name用于通用多次出现元素样式定义,id用于唯一性元素样式定义。 在表单当中,由于有些控件具备多元素特性,例如radio checkbox等,使用id不便于表单数据提交,此外浏览器会根据name来设定发送到服务器request,因此在表单当中,用name来提交数据 当然,在实际html中,也完全可以不用id,用单独class也可以起到代替id作用。但是在js中,是无法通过class直接后去html元素, 定义id便于相关操作。 当然HTML元素Name属性在页面中也可以起那么一点ID作用,因为在DHTML对象树中,我们可 以使用document.getElementsByName来获取一个包含页面中所有指定Name元素对象数组

    57120

    HTML5新特性1 标签

    1

    HTML5新特性 桌面消息

    到这里我们已经成功了一半,但能不能正确地显示出这个消息框,最终还取决于用户授权。鉴于浏览器安全机制,只有用户同意网页弹出消息通知框,消息通知才能够真正显示出来。 所以现在我们要做就是申请用户授权。 DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>桌面消息</title> </head> <body , //显示消息内容 icon: 'http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg' //显示消息缩略图 }); } } else { alert('浏览器不支持Notification'); } </script> </body> </html

    28430

    HTML5新增了哪些特性

    HTML5是最新html标准,拥有新语义、图形以及多媒体元素,简化web应用,对应程序员来说也是简单易学。通常简称 “H5”。 DOCTYPE html> html声明: html 4.01 Strict:<! 区别3:html无法在网页上动态绘制图片,而 html5 新增了canvas画布,canvas绘制图片放大后会失真,而SVG可绘制矢量图形。 H5 新增特性 Canvas、SVG -- 用于绘画元素,canvas绘制图片会失真而SVG绘制不会失真。 video、audio -- 用于播放视频和音频媒体。 缺点: 现在大多数高版本浏览器都支持html5,但是少部分低版本浏览器目前不支持html5,因新标签引入,各浏览器之间将缺少一种统一数据描述格式,造成用户体验不佳。

    13120

    HTML5新增了哪些特性

    HTML5是最新html标准,拥有新语义、图形以及多媒体元素,简化web应用,对应程序员来说也是简单易学。通常简称 “H5”。 DOCTYPE html> html声明: html 4.01 Strict:<! 区别3:html无法在网页上动态绘制图片,而 html5 新增了canvas画布,canvas绘制图片放大后会失真,而SVG可绘制矢量图形。 H5 新增特性 Canvas、SVG -- 用于绘画元素,canvas绘制图片会失真而SVG绘制不会失真。 video、audio -- 用于播放视频和音频媒体。 缺点: 现在大多数高版本浏览器都支持html5,但是少部分低版本浏览器目前不支持html5,因新标签引入,各浏览器之间将缺少一种统一数据描述格式,造成用户体验不佳。

    8430

    相关产品

    • 文档服务

      文档服务

      文档服务(DS)由腾讯云数据万象提供,支持多种类型的文件生成图片或 html 格式的预览,可以解决文档内容的页面展示问题,满足多端的文档在线浏览需求。同时,还提供文本隐私筛查能力,可以有效识别文本中的身份证号、手机号等敏感数据,满足数据可用性和隐私保护的各种要求。

    相关资讯

    热门标签

    扫码关注腾讯云开发者

    领取腾讯云代金券