【HTML5初涉】H5与H4的区别

H5推出的理由及目标

1.web浏览器之间的兼容性很低

2.文档结构不够明确

3.web应用程序功能受到了限制

H5语法的改变

内容类型文件扩展名html 内容类型不变依然为text-html

doctype声明直接<!doctype html>

指定字符编码 <meta charset="UTF-8"/>

可以省略标记的元素

具有boolean值的属性

省略引号

HTML5新增的元素和废除的

新增结构元素: section(文档结构) article(与上下文不相关的内容) aside (artice内容相关的辅助信息)

header (取代div 做页面头部) hgroup (与标题结合使用<h1>-<h6>) footer (做页面底部使用) nav (导航连接) figure (独立流内容独立单元)

其他: video audio embed mark progress meter time ruby rt rp wbr canvas (画布,可以通过脚本将想绘制的放于画布.而达到效果) command details datalist datagrid keygen output source menu

新增 input 类型元素 :

email url number range(输入的数字范围值) Date Pickers (日历日期)

废除的元素 :

1. 能使用css代替的元素 : basefont big center font s tt u

2. 不再使用frame框架

3. 只有部分浏览器支持的元素

4.其他被废除的元素

新增的属性

1. 表单相关的属性

2. 链接相关的属性

3.其他属性

废除的属性

全局属性

contentEditable属性允许用户编辑元素中的内容 boolean类型有继承性

designMode属性指定整个页面是否可编辑 (on可编辑/off不可编辑 )

hidden 属性不渲染元素隐藏元素 boolean类型

spellcheck 对用户输入的内容进行语法检查

tabindex 遍历tab元素按tabindex访问元素调整为-1时无法获取焦点但在程序中可以获取到

【HTML5初涉】H5与H4的区别相关推荐

html标签中h4和h5,h5与h4的区别
HTML5新特性 HTML5 中一些有趣的新特性: ①用于绘画的 canvas 元素: ②用于媒介回放的 video 和 audio 元素: ③对本地离线存储的更好的支持: ④新的特殊内容元素,比如 ...
浅谈HTML5和H5区别
什么是HTML5? HTML5 是定义 HTML 标准的最新的版本. HTML5是一个新版本的HTML语言,具有新的元素,属性和行为 HTML5和H5的区别? HTML5:当前最新版本的超文本标记语言 ...
h5页面是html5么,H5是什么？5分钟就能全面了解什么是html5页面
通过微信和朋友圈的快速发展,H5靠着无需下载.即点即用的属性迅速上位,一跃变成炙手可热的小鲜肉.相比电视.杂志.户外广告等传统媒体呈逐年下降的趋势,品牌营销在数字和移动方面的投入在逐年上升,而且,在所 ...
HTML的不同版本区别,HTML4.0、XHTML、HTML5每个版本之间有什么区别
HTML4.0.XHTML.HTML5每个版本之间有什么区别一.基本概念: html:超文本标记语言 (Hyper Text Markup Language) xhtml:可扩展超文本标记语言,是一 ...
h5的fetch方法_扣丁学堂HTML5分享h5中的fetch方法解读
扣丁学堂HTML5分享h5中的fetch方法解读 2018-07-06 14:43:10 725浏览本篇文章扣丁学堂 Fetch概念: fetch身为H5中的一个新对象,他的诞生,是为了取代ajax ...
html5页面和app的区别,H5页面与APP区别何在
APP相信大家都非常熟悉,就是手机里经常安装的软件程序,它都需要经过下载安装的步骤才能打开产品进行操作.不过H5页面和APP却有比较大的区别,它不需要经过下载安装,直接能够在浏览器和微信等社交平台中打 ...
H5新标签和H4的区别
下面我们来看一下HTML 5提供的一些新的标签用法以及和HTML 4的区别. <article>标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本, ...
html,h4,h5的区别,(转）H5和H4的对比听感
该楼层疑似违规已被系统折叠隐藏此楼查看此楼下午光顾了北京惠威体验店.入手X4,感觉非常excellent!一直犹豫在H5和X4之间,是因为之前完全是通过网上的评测和其他发烧友的转述来对这两款箱子进 ...
Html5（H5）是什么？
目录学习目标: 内容: H5的功能关于H5与原生APP 介绍区别注学习目标: 了解H5到底是什么? 内容: HTML5并不是一项技术,而是一个标准. 标准的意思通俗移动的意思是: 准则手册. ...

【HTML5初涉】H5与H4的区别

【HTML5初涉】H5与H4的区别相关推荐

最新文章

热门文章