首页 / HTML5 / html5基础---h5特性

html5基础---h5特性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html5基础---h5特性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1362字，纯文字阅读大概需要2分钟。

内容图文

1. attr和prop

· 什么是attribute，什么是property

? html标签的预定义和自定义属性我们统称为attribute
? js原生对象的直接属性，我们统称为property

· 什么是布尔值属性，什么是非布尔值属性

? property的属性值为布尔类型的 我们统称为布尔值属性
? property的属性值为非布尔类型的 我们统称为非布尔值属性

· attribute和property的同步关系

? 非布尔值属性：实时同步
? 布尔值属性：
? property永远都不会同步attribute
? 在没有动过property的情况下
? attribute会同步property
? 在动过property的情况下
? attribute不会同步property

· 用户操作的是property
· 浏览器认的是property

2. H5小功能

· class --> 新增classList

? dom对象新增classList属性与add remove toggle方法来操作html中的类。

? testNode.classList.add()

· dataset: 自定义属性（限制 data-x-y）的property

? testNode.dataset.testProp = '' （data-test-prop）

· html属性 --> 内容可编辑

? contenteditable="true"

3. h5和h4的区别

· <!DOCTYPE html>

? H5无需引入dtd标准文件，声明简化，但也不能省略，否则会触发怪异模式。详见文件

· 根元素

? <html xmlns="http://www.w3.org/1999/xhtml"> 简化为 <html></html>

·MINE类型

? <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 简化为 <meta charset="UTF-8">，MINE类型声明放在http协议中，以Content-Type:text/html的方式。

· 语义化标签
<hgroup></hgroup>
<header></header>
<nav></nav>
<main></main>
<section></section>
<footer></footer>
<article></article>
<aside></aside>

内容总结

以上是互联网集市为您收集整理的html5基础---h5特性全部内容，希望文章能够帮你解决html5基础---h5特性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/982552.html

来源：【匿名】