1. attr和prop 什么是attribute,什么是property?html标签的预定义和自定义属性我们统称为attribute?js原生对象的直接属性,我们统称为property 什么是布尔值属性,什么是非布尔值属性?property的属性值为...
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特性
- Ajax写分页查询(实现不刷新页面) 2023-01-31
- 关于 ios:Sencha – 禁用 Sencha 事件 2022-09-15
- android WebView HTML5访问数据库问题 2023-10-26
- 关于layui数据表格的各种事件 2022-12-13
- html粘性页脚的具体使用 2022-09-21
- 使用HTML5中postMessage知识点解决Ajax中POST跨域问题 2022-10-17
- 用CSS打造 抽屉菜单 2022-11-04
- vue项目的package.json配置详解 2023-10-08
- vue前端防止按钮在短时间内多次点击 2023-10-08
- Ajax实现无闪烁定时刷新页面实例代码 2022-12-28