美文网首页
HTML5 标签/属性

HTML5 标签/属性

作者: 一沭丶 | 来源:发表于2016-06-26 18:54 被阅读45次

1、a标签的download属性

 <a href="http://www.baidu.com" download="http://www.baidu.com">下载www.baidu.com</a>

download可以直接把这个页面的内容都下载下来
2、area标签 之前很少用,但是发现很好玩,结合图片可以做一些特殊的需求 参考 W3C 上的例子
3、style的 scoped属性 html5中的新属性,为文档的指定部分定义样式,而不是整个文档。
4、html元素的Manifest 参考 HTML5 的离线缓存
5、iframe元素的三个新属性 sandbox、seamless与srcdoc用来提高页面安全性,防止 不信任的web页面执行某些操作。
6、activeElement 焦点管理

document.activeElement

7、自定义数据属性

<div id="myDiv" data-appId="12345" data-myname="Nicholas"></div>

//本例中使用的方法仅用于演示
var div = document.getElementById("myDiv");
//取得自定义属性的值
var appId = div.dataset.appId;
var myName = div.dataset.myname;
//设置值
div.dataset.appId = 23456;
div.dataset.myname = "Michael";

8、滚动页面scrollIntoView
此处参考他人例子

另外:

Paste_Image.png

9、contains()方法

alert(document.documentElement.contains(document.body)); //true

DOM Level 3 compareDocumentPosition()也能够确定节点间的关系。

待续、、

相关文章

  • HTML5语法,标签, 属性

    @(HTML5)[HTML5 语法, HTML5标签, HTML5属性] [TOC] 一 、HTML5语法,标签,...

  • HTML5常用的标签

    目录: HTML5新结构标签 HTML5新其他标签 HTML5新input类型 HTML5新属性 HTML5高级应...

  • html表单

    html5 中的标签 其他标签 html中的属性

  • HTML HTML5新增标签属性整理

    HTML5 新增属性详解 HTML5 新增标签详解 HTML5 新增全局属性详解

    八、H5中对音视频的设计

    html5标签 video标签的属性 audio标签的属性 音视频js相关属性 音视频js相关函数 js相关事件

  • HTML5 表单属性

    HTML5 新的表单属性HTML5的 和 标签添加了几个新的属性新属性:1.autocomplete2...

  • 「HTML 」语法

    HTML标签 书写规范标签属性 全局属性 标签分类 标签关系 注释标签 HTML5新语义标签兼容性低版本IE显示问...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • 点击保存图片代码

    标签。 html5的a标签增加了download属性.可利用此属性实现图片下载。 下载图片 利用上述标签来...

  • JavaScript异步加载的3种方式

    方案一、