最近静下心来看了一些关于HTML5和CSS3的书，深入了解了一些HTML5新语法。
一. 不允许写结束标记
有一些元素只能通过“<元素名称/>”的形式进行使用，而不使用“</元素名称>”形式作为结束标记。
属于这类的元素有：area、br、base、col、command、embed、hr、img、input、keygen、link、meta、param、source、trace、wbr。
二. 省略逻辑属性语法
在HTML5中，有很多属性的值是逻辑值，例如checked和disabled等，这些属性的默认值为false。要将一个逻辑属性的值设置为true，可以使用下面的方法：
- 直接指定属性，不赋任何属性值
- 将属性名称作为该属性的值
- 使用空字符作为该属性的值
例如：
<input type="checkbox" checked/>
<input type="checkbox" checked=""/>
<input type="checkbox" checked="checked"/>
<input type="checkbox" />
<!--前三行都可以表示checked属性的值为true-->三. 页面标记语法
<!DOCTYPE html> <!--DOCTYPE声明-->
<html lang="en"> <!--命名空间声明-->
<head>
<meta charset=utf-8"/> <!--字符集编码声明-->
</head>四. link元素
HTML5中link元素新增了sizes属性，Sizes属性仅适用于rel属性为icon的情况，用于定义图标的尺寸，代码如下：
<link rel="icon" href="images/shopIcon2.gif" type="image/gif" sizes="32*32"/>
五. 页面交互
1.details元素：将页面上的部分区域进行展开或压缩，无需任何JavaScript代码。
summary作为details的子元素，用于定义默认显示的内容
<details>
<summary>页面说明</summary>
本页面生成于2017年3月2号
</details>
2.progress元素：定义一个正在完成的进度条
<!--progress元素：进度条-->
<h1>正在加载中</h1>
<p><progress min="0" max="100" value="60" ><span>60</span>%</progress></p>
扫一扫
26万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
