HTML5
2019-01-15 17:47:00 0 举报
AI智能生成
HTML5
作者其他创作
大纲/内容
表单元素
datalist
输入控件的预定义选项
keygen
j键对生成器字段
output
计算结果
类型
color
date
datetime
datetime-local
emaiil
month
number
range
search
tel
time
url
week
属性
autocomplete
autofocus
form
formation
formenctype
formmethod
formnovalidate
formtarget
formtarget
height width
list
min max
multiple
pattern
placeholder
required
step
媒体元素
audio
定义声音或音乐内容
mid(体积小)/ram(网络音乐)/wav(IBM与微软)/wma()/mp3(主流)
embed
外部应用程序的容器
source
定义video audio 的来源
track
定义video audio的轨道
video
定义视频或影片的内容
avi(微软)/wmv(微软)/mpeg(跨平台的)/quicktime mov(苹果)/realvideo rm(网络电视)/false swf(插件)/mpeg-4 mp4(html5)
API
地理位置
html5地理定位是谷歌地图,谷歌地图已经退出中国所以无法显示
拖放
img draggable="true"
被设计在不同类型的硬件(pc、平板、收集、电视机等)上运行。
尽量避免代码超过80个字符
模式
ie8以及更早的版本,兼容模式
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
块级元素
header
文档的节或页眉
article
文档内的文章 【论坛、博客、新闻、完整的包含块
section
文档中的节 【简介、内容、联系信息、相关元素的自包含块
div
元素被定义为子元素的块、最小
footer
文档或节的页脚 【作者、版权信息、使用条款连接、联系信息
aside
页面内容之外的内容 【侧栏
nav
文档的导航连接 【导航
main
文档的主内容
bdi
与其他文本不同的文本方向
details
用户可查看或隐藏的额外细节
dialog
对话框或窗口
figure
自定义包含内容,图片、照片、图表、代码清单等。
figcaption
<figure>元素的标题
mark
重要或强调的内容
menuitem
用户能够从弹出菜单调用的命令、菜单项目
meter
已知范围(尺度)内的标量测量
progress
任务进度
rp
不支持 ruby 注释的浏览器中显示什么。
rt
定义关于字符的解释/发音(用于东亚字体)。
ruby
注释(用于东亚文字)
summary
<details>元素的可见标题
time
定义日期、时间
wbr
可能的折行
图像
canvas
使用javascript的图像绘制
可以加载矩形、线条、圆形、渐变
无法显示图片的加载
svg
定义使用SVG的图像绘制
Canvas
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏,其中的许多对象会被频繁重绘
SVG
不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序(比如谷歌地图)
复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)
不适合游戏应用
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏,其中的许多对象会被频繁重绘
SVG
不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序(比如谷歌地图)
复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)
不适合游戏应用
0 条评论
下一页
为你推荐
查看更多