原标题:IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容

为了保证HTML5能与之前的HTML版本达到最大的兼容,HTML5对一些元素标记的省略、boolean值的属性,以及引号的省略这几方面进行了兼顾,确保与之前版本的HTML达到兼容。在下面示例中,将本节介绍的几个HTML5新应用方法集成在一起使用:

可以省略标记的元素

元素的标记分为三种情况:不允许写结束标记的元素,可以省略结束标记的元素和开始标记结束标记都可省略三种类型。不允许写结束标记的元素是指不允许使用开始标记和结束标记将元素括起来的形式,例如,换行标记正确的书写方式为“

”,而“

…”的书写就是错误的。可以省略全部标记的元素是指该元素可以完全被省略,当然被省略的标记还是以隐式的方式存在的,例如“”元素省略不写时还是存在的。针对这三种情况的列举清单如表所示:

表 三种情况列举清单

参考上例1-8行代码所示。

具有boolean值的属性

在html中有一些元素的属性,当只写属性名称而不指定属性值时,表示属性值为true,如果设置该属性值为false,则不使用该属性即可。另外,要想将属性值设定true时,也可以将属性名设定为属性值,或将空字符串设定为属性值。例如input元素中的disabled与readonly就是这样的属性。参考上例10-13行代码所示。

引号使用

在html中使用属性时,属性值可以使用双引号,也可以使用单引号括起来,在HTML5中做了一些改进,当属性值不包括空字符串、“”、“=”、单引号、双引号等字符时,属性两边的引号是可以省略的。参考上例15-17行代码所示。返回搜狐,查看更多

责任编辑:

兄弟连html5在线画板,IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容相关推荐

  1. html5在线画板菱形怎么画,HTML5 Canvas 简单的在线画板(可导出图片)

    JavaScript 语言: JaveScriptBabelCoffeeScript 确定 (function() { var c, cHeight, cOffsetLeft, cOffsetTop, ...

  2. HTML5 canvas画板的制作

    canvas画板的制作   今天看了一些canvas视频的教程,有制作画板的过程,但是我有给出他们的简洁版和使用版本,能让用户看出画直线的路径,也就是当你拉一条直线的时候就和绘图工具一样,都能很好使用 ...

  3. html canvas生成图片,html5 canvas画板涂鸦生成图片代码

    特效描述:html5 canvas 画板涂鸦 生成图片代码.html5画板涂鸦 代码结构 1. HTML代码 清 空 生成图片 var canvas,board,img; canvas = docum ...

  4. html5发展前景-兄弟连,IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生

    原标题:IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生 十年磨一剑,正如我们所看到的一样,HTML5大潮正来势汹汹.但也正如我们所知道的一样,HTML5是一种技术标准,它的语义 ...

  5. 下列关于html5表单的多样输入方式,IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1...

    原标题:IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1 HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证.并不是所有的主浏览器都支持新的input类型,不过我们可 ...

  6. HTML5移动开发之路(7)——在线画板

    在这一篇文章中我们用html5来实现一个在线的画板,玩过你画我猜的朋友今天也可以做一个简单的你画我猜小游戏啦,效果如下图所示: 过程很简单直接上代码了: <!DOCTYPE html PUBLI ...

  7. 小强的HTML5移动开发之路(10)——在线画板

    在这一篇文章中我们用html5来实现一个在线的画板,玩过你画我猜的朋友今天也可以做一个简单的你画我猜小游戏啦,效果如下图所示: 过程很简单直接上代码了: <!DOCTYPE html PUBLI ...

  8. 推荐十款非常优秀的 HTML5 在线设计工具

    网络有很多优秀的设计和开发工具可能大家都不知道,因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具,这些工具能够帮助设计师们设计出更有创意的作品.随着 HTML5 技术的不断成熟,网络上涌现出越 ...

  9. html5 在线设计,推荐十款非常优秀的 HTML5 在线设计工具

    网络有很多优秀的设计和开发工具可能大家都不知道,因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具,这些工具能够帮助设计师们设计出更有创意的作品. 随着 HTML5 技术的不断成熟,网络上涌现出 ...

最新文章

  1. 单层神经网络-Logistics回归中误差曲线
  2. python web页面输出_python+socket+jq实现web页面实时输出结果
  3. 试图将驱动程序添加到存储区_Ubuntu 19.10IOS将捆绑NVIDIA驱动
  4. manjaro linux内核,分享|一个值得推荐的发行版:Manjaro Linux
  5. 机器学习-降维之主成分分析PCA算法原理及实战
  6. 进一步的去了解正则[一]
  7. emacs .emacs_使用Emacs进行社交并跟踪您的待办事项列表
  8. 利用socket.io+nodejs打造简单聊天室
  9. 日本惠普发表14.1型液晶内藏笔记本PC「dv4」系列2种模式
  10. 个人作业——软件工程实践总结作业(待续)
  11. Spring-boot原理(附带实现一个spring-boot-starter实例和代码下载)
  12. WPF Binding学习(三)
  13. 学习通网络看课鼠标不能离开页面问题
  14. ChIP-seq 数据分析
  15. SQL Server 中导入外部数据库文件
  16. 微型计算机主机的主要部件,微型机主机的主要部件
  17. 云服务器win系统入站规则,云服务器win系统入站规则
  18. 2000坐标系xy坐标几位_详解| 带你认识新一代坐标系——2000国家大地坐标系
  19. 【Web前端HTML5CSS3】12-字体
  20. 【Cesium】根据两点坐标获取Heading(朝向),Pitch(俯仰角)和模型矩阵

热门文章

  1. 10 年前被删的初恋,凌晨 1 点突然加我…
  2. 【每日一算法】两数之和 IV - 输入 BST
  3. 用户管理之用户的查询获取
  4. 个人中心数据接口的开发
  5. pandas基本数据操作
  6. JSP复习题【侵权联系我删除】
  7. 正确debug的TensorFlow的姿势
  8. 建议收藏!从零开始学PyTorch
  9. Python图像处理介绍--彩色图像的直方图处理
  10. php读取不到指定的php.ini配置