html5部分总结

本文介绍了 HTML5 的新特性,包括语义化标签、应用程序标签、链接关系描述、智能表单、网页多媒体等,并详细讲解了 JavaScript API 的增强,如新的选择器、访问历史 API 和全屏 API 等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html5-02新东西
html:
标签
 更语义化标签
 应用程序标签
属性
 链接关系描述
 结构数据标记
 ARIA
 自定义属性
智能表单
 新的表单类型
 虚拟键盘适配
网页多媒体
 音频,视频,字幕
Canvas
 2D,3D(WebGL)
SVG
javascriptAPI:
核心平台提升
 新的选择器
 element.classlist
 访问历史API
 全屏API
网页存储
 application
 cache
 localStorage
 sessionStorage
 webSQL
 indexedDB
设备信息访问
 网络状态
 硬件访问
 设备访问
 地理围栏
拖放操作
 网页内拖放
 桌面拖入
 桌面拖出
文件
 文件系统API
 FileReader
网络访问
 XMLHttpRequest
 fetch
 webSocket
多线程
桌面通知
======================
html5-03语义化标签
======================
html5-04应用程序标签
datalist数据列表(用的少)
progress进度条
meter数值显示器
sublime server插件
======================
html5-05链接关系
<a href="" rel="prev">prev</a>
<a href="" rel="nofollow">xxx</a>
======================
html5-06新属性
自定义属性data-xxxxxx
$(selector).data("age");
=======================
html5-07智能表单
用于移动端
=======================
html5-08网页多媒体
audio,vedio
=======================
html5-09svg
=======================
html5-10markdown
用普通文本描述富文本的语法
扩展名md,markdown

sublime插件:
advancedNewFile
autoFileName
bracket HighLighter
dashdoc
docblockr
emmet
file header
gitguter
githubemoji
emmet livestyle
markdown preview
markdonw editing
nodejs
package control
side bar 
tint (terminal in a tab)
autoprefixer
babel
converToUTF8
html/css/js pretify
sublimelinter
terminal
typescript

=======================
html5-11  JavaScript
2.1.1新选择器
1.document.querySelector(selector);
返回第一个满足条件选择器条件的元素
2.document.querySelectorAll(selector);
返回所遇满足条件选择器条件的元素 
dom数组的每一个成员注册事件不能像jquery一样直接注册, 必须分别给每个元素

=======================
2.1.2 classlist
1.新h5中dom对象多了一个classlist属性,是一个数组
add添加一个新的类名
remove删除一个类名
contains判断是否包含一个制定的类名
toggle切换一个class
toggle函数的第二个参数true为添加,false删除
========================
2.1.3访问历史
在HTML5中可以通过window.history操作访问历史状态,让一个也没可以有多个历史
1.window.history.forward();//前进
2.window.history.back();//后退
3.window.history.go();//刷新
4.history.pushState("数据","title","参数"); 
========================
2.1.4全屏api
application cache

'use strict'----------------->js严格模式
lantern翻墙
manifest="cache.manifest"
=========================
web storage:
getItem方式获取一个不存在的键,返回空字符串
[]返回undefined

=========================
文件api:
提供客户端本地操作文件的可能

=========================
拖拽:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值