HTML5的新特性_0
时间：2023-04-02 22:21:58
HTML
2014年10月29日，W3C（万维网联盟）宣布HTML5标准规范完成。作为一种超文本标记语言，HTML已经成为Web上常用的标记语言，而在这个HTML5规范中，开发人员带来了一些令人兴奋的新特性。下面简单介绍一下这些新特性，包括但不限于：语义标签增强的表单DOM扩展原生拖放媒体元素WebSocketWeb存储地理位置画布绘制语义标签HTML语义是指仅从HTML元素查看概述页面的一般结构。比如需要强调的内容可以放在标签中，而不是通过style设置标签。不同的浏览器可能会以不同的方式解析HTML元素。HTML语义意味着抛开样式，页面可以有友好的显示效果。我们努力让页面有一个好的结构，让页面的元素有意义，同时有利于被搜索引擎和SEO解析。HTML语义建议：少用无意义的您可以通过元素的数据集属性访问自定义属性的值。vardiv=document.getElementById("div")//获取自定义属性的值varage=div.dataset.age;varname=div.dataset.name;HTML5还对DOM做了其他扩展，包括classList属性，焦点管理、HTMLDocument更改、charset属性、caret标记等。原生拖放率先在网页中引入了JavaScript拖放功能，HTML5基于IE实例制定了拖放规范。拖放事件可以控制与拖放相关的各个方面。当拖动一个元素时，会依次触发以下事件：dragstartdragdragend拖放通常伴随着数据变化。为了实现拖放操作过程中的数据转换，IE5引入了dataTransfer对象，它是事件对象的一个??属性，用于将字符串格式的数据从被拖拽的元素传递到放置目标。dataTransfer对象有两个主要方法：getData()和setData()，getData()可以得到setData()保存的值。//设置和接收文本数据event.dataTransfer.serData("name","James")varname=event.dataTransfer.getData("name")同时，dataTransfer也可以用来判断被拖动的元素和放置目标的元素可以接收什么动作。默认情况下，图像、链接和文本是可拖动的。HTML5为所有的HTML元素指定了一个draggable属性，表示该元素是否可以被拖动。James
媒体元素HTML5增加了两个媒体相关的标签，让开发者不用需要依赖任何插件才能在网页中嵌入跨浏览器的音视频内容。这两个标签是
使用这两个元素时，至少要在标签中包含src属性，指向要加载的媒体文件。并非所有浏览器都支持所有媒体格式，因此可以使用
元素指定多个不同的媒体源，而无需指定src属性。
