部分H5新标签整理

整理时间:2016.6.14

H5删除了许多CSS能够代替的标签和属性 新增了许多标签和方法替换用css js实现比较复杂的方法

新增语义化标签
section(块) article aside(文章说明) figure(独立单元) header footer nav hgroup(卵)

媒体标签
video标签
audio标签
embed标签

画布标签更加强大

mark:标注标签

iframe标签
新增属性
srcdoc 可以写标签内容 覆盖链接地址显示的内容 不知道啥用
seamless表示没有边框 让样式变成页面的一部分
sandbox表示安全级别高 不允许内容部分运行JS 提交表单 而且表示内容页面与本页面脚本语言不一致
sandbox 有4个值 表示允许JS 表单 同语言 打开外部链接

javascript属性
defer页面全加载完运行
asyn异步加载 加载完就运行

全局属性 所有标签都可以用
data-type为日后可能用到的数据起个名
spellcheck表单自动纠错 比如llike->like
hidden 代替css块的display方法
tabindex表示用TAB切换的顺序 比如填写表单的位置
contenteditable表示内容可以编辑
新增js属性 window.document。designMode = “on” 表示整个页面都可以编辑 不知道有啥卵用

LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行

响应式 针对不同设备转换页面的布局形式 以适应不同的设备 而不是重新制作一个页面

发表评论

电子邮件地址不会被公开。 必填项已用*标注