码迷,mamicode.com
首页 > Web开发 > 详细

HTML5语法中需要掌握的3个要点

时间:2017-09-08 18:26:12      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:html5

HTML5中,有些元素可以省略标签。具体来讲有3种情况,

不允许写结束标记的元素有

areabasebrcolcommandembedhrimginputkeygenlinkmetaparamsourcetrackwbr

   不允许写结束标记的元素是指,不允许使用开始标记与结束标

记将元素括起来的的形式,只允许使用““<元素/>”的形式进行

书写。例如:“<br>…</br>”的写法是错误的。应该写成

<br/>”。当然,沿袭下来的“<br>”这种写法也是允许的。

可以省略结束标签

    lidtddprtrpoptgroupoptioncolgroup

    theadtbodytfoottrtdth

可以省略整个标签(即连开始标签都不用写明)

    htmlheadbodycolgrouptbody需要注意的是,虽然这些元素可以省略,但实际上却是隐式存在的。例如“<body>”标签可以省略,但在DOM树上它是存在的,可以永恒访问“document.body”。上述元素中也包括了HTML5的新元素。

        取得布尔值(Boolean)的属性,例如disabled和readonly等,通过省略属性的值来表达“值为true”。如果要表达“值为false”,则直接省略属性本身即可。此外,在写明属性值来表达“值为true”时,可以将属性值设为属性名称本身,也可以将值设为空字符串。如下列所示:

<!-- 以下的checked属性值皆为true-->

<input type="checkbox"checked>

<input type="checkbox"checked="checked">

<input type="checkbox"checked="">

      设置属性值时,可以使用双引号或单引号来引用。HTML5法则更进一步,只要属性值不包含空格、“<”、“>”、“‘”、“"”、“`”、“=”等字符,都可以省略属性的引用符。如下例所示。

<!—请注意type属性的引用符 -->

<inputtype="text">

<inputtype=‘text‘>

<inputtype=text> 








本文出自 “12650415” 博客,请务必保留此出处http://12660415.blog.51cto.com/12650415/1963624

HTML5语法中需要掌握的3个要点

标签:html5

原文地址:http://12660415.blog.51cto.com/12650415/1963624

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!