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

可以省略标记的元素

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

”,而“

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

表 三种情况列举清单

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

具有boolean值的属性

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

引号使用

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

文章来源: www.oschina.net,作者:老码农的一亩三分地,版权归原作者所有,如需转载,请联系作者。

原文链接:https://my.oschina.net/u/4125915/blog/3112427

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

  1. 视频教程-HTML5和CSS3移动端开发全套教程-HTML5/CSS

    HTML5和CSS3移动端开发全套教程 拥有6年web前端和后端开发经验,4年授课经验,还曾在百度专业培训过网络营销课程,曾就职于联想集团和当当网,不仅有丰富的项目实战经验还有营销经验,综合实力较强, ...

  2. html5教学文档笔记,4.HTML 教程- (HTML5 基础)

    HTML 教程- (HTML5 基础) 1.HTML 标题 HTML 标题(Heading)是通过 - 标签来定义的. 2.HTML 段落 HTML 段落是通过标签 来定义的. 3.HTML 链接 H ...

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

    原标题:IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容 为了保证HTML5能与之前的HTML版本达到最大的兼容,HTML5对一些元素标记的省略.boolean值的属性,以及引号的省略这几 ...

  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主页面,2.HTML 教程- (HTML5 简介)

    HTML 教程- (HTML5 简介) 例: 菜鸟教程(runoob.com) 我的第一个标题 我的第一个段落. 实例解析 声明为 HTML5 文档 元素是 HTML 页面的根元素 定义网页编码格式为 ...

  7. java canvas 画图片_[Java教程][HTML5] Canvas绘制简单图片

    [Java教程][HTML5] Canvas绘制简单图片 0 2016-05-13 13:00:04 获取Image对象,new出来 定义Image对象的src属性,参数:图片路径 定义Image对象 ...

  8. html的详情页面设计,HTML5+CSS3网页设计与制作实用教程 单元7 网页特效与制作商品详情页面(105页)-原创力文档...

    单元7网页特效与制作商品详情页面HTML5+CSS3网页设计与制作实用教程本章导读The chapter's introduction 将JavaScript 程序嵌入HTML 代码中,对网页元素进行 ...

  9. 一个html基本写法,HTML5教程:HTML5的基础写法

    HTML5教程:HTML5的基础写法 对比一下XHTML 1.0 Transitional的规范,html5基本上没有XHTML 1.0 Transitional严格的要求,并且简化了很多东西. •文 ...

  10. html5常用动画效果教程,HTML5教程 8个经典HTML5 Canvas动画学习

    本篇教程探讨了HTML5教程 8个经典HTML5 Canvas动画学习,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < HTML5非常强大,尤其是Canvas ...

最新文章

  1. 解除IE8的内容审核程序
  2. python生成表格文件_python 读取excel文件生成sql文件实例详解
  3. Python Django 惰性查询(懒加载)
  4. qt 信号多个链接槽_Qt原理窥探信号槽的实现细节
  5. gcc undefined reference to 问题解决方法(使用库)
  6. java statement 返回类型,6.3 返回类型和返回语句 | Return type Return statement
  7. java监听上传文件,Springmvc文件上传监听详解
  8. 转:使用NSOperationQueue简化多线程开发
  9. vue实现上移下移_vue.js实现组件间的上移下移
  10. Matter-JS Composites 混合材料 · 下
  11. 三菱Q协议PLC TCP/IP通讯协议解析简述
  12. Yalmip最优化求解器+matlab | 教程(一)
  13. 修改环境变量删除了path
  14. 最简单24点算法,可任意实现n数n点,一看就明!
  15. 文档数据库-MongoDB
  16. 免费开源51单片机个人课程设计--基于stc89c52及红外遥控的测温智能电风扇
  17. php开发电脑i56200u,Intel Core i5-6200U性能跑分和评测 | ZMMOO
  18. android 加固崩溃,360加固后,夜神模拟器安装崩溃
  19. h200和gr1108_华三H3C GR1108-P 路由器性能极限
  20. Henry前端笔记之 git实际操作问题记录

热门文章

  1. 常见图片格式:PNG,JPG/JPEG,BMP
  2. 深度学习与神经网络概述
  3. python issuperset_Superset的各种疑难解答
  4. python 判断线程是否执行完毕_判断线程池中的线程是否全部执行完毕
  5. Java中的IO学习总结
  6. Java开发必须要掌握的20个核心技术
  7. Java关键字volatile
  8. winform checkedlistbox不显示复选框_据说90%的人都不知道怎么解决这个Word问题
  9. linux系统无法读取硬盘,安装CentOS时读取硬盘错误解决办法
  10. 高职院校计算机基础课程,高职院校计算机基础课程教学探讨的论文