HTML5 胡写乱记系列——第一回 - 枫小炀_H5之家 - 中国HTML5教程资源分享第一站

HTML5 胡写乱记系列——第一回

在 HTML 中，应保持良好的代码风格。

HTML5 语义元素。

语义元素续。

查看纲要：

使用 <time> 元素标注日期和时间

对于浏览网页的人，你可以随便采用任何格式来显示日期时间，只要你在 datetime 属性中提供计算机能够看懂的通用格式的日期时间就行了。另外，<time> 还有一个 pubdate 属性。如果当前内容（例如 <time> 元素所在的 <article>）对应一个发表时期，可以使用这个属性。

语义元素续。

<output>：标注 JS 返回值。实际上，这个元素就是一个占位符，用于展示一小段计算后的信息。比如，通过某些计算后，JS 返回值显示在页面中。以前一般是利用一个 <span> 来用做占位符，而唯一的问题就是该元素不提供任何语义 <p>返回值：<span id="result"></span></p>。

<mark>：用于标注一段文本，这段文本会突出显示。在需要引用他人的内容，而你想吸引人注意时，就可以使用 <mark> 元素。

表单伪类。

在 <input> 元素中可以使用 pattern 属性使用正则表达式来进行验证（不推荐）。

也可以使用 setCustomvalidy() 方法自定义验证（推荐）。

下面是借特殊的表单输入属性，这不是用于验证的属性，而是用于在编辑表单时控制浏览器的行为。

<input> 元素遇见不认识的 type 类型，会将其当作普通文本框来处理，但支持 HTML5 表单的浏览器会更聪明一些，比如会提供便于编辑的辅助，限制可能出现的错误和执行验证。下面是 HTML5 表单的新类型。

表单新元素。

<datalist>：可以让你在普通文本框中添加一个建议列表。

<progress> 和 <meter>：进度条和计量条。

网页中的HTML编译器。

contenteditable：把这个属性添加到任何元素中并且设置它的值为 true ，那么该元素的内容便可以编辑了。

designMode：使用户编辑整个页面。最常用的形式是将这个属性添加到 <iframe> 元素中，从而使它充当了一个超级的编译框。

参考书目：《HTML5秘籍》
小结：（打个哈气）这本书老早就买了，其实当初便想先看 HTML5 再攻 JS （因为不像 JS 那样书多且厚），只不过翻了个开头作者就说要一些 JS 工夫才能学，所以姑且忍痛暂时把书放下，开始了有趣的（呵呵~）的 JS 取经路。待到如今再拿起此书，第一不得不感叹时光流逝，斗转星移，眨眼距离再拿起此书已经过去数月。第二，脖子有点酸，屁股坐的有点酸，背有点酸，手打字有点酸。第三就是俺对 HTML5 的赞美（没办法，这可是俺的衣食父母）。好了，转入正题，说说这篇博客吧，这其实是自己边读书边手写在纸上的笔记，那么我的出发点肯定是记一些比较重要的或者一些简单直接的，又容易快速回顾，巩固和书写的。说简单点，就是为了自己而写的。于是等积累一些之后，便着手将其做成博客，自己又顺便复习了一遍。最后，请诸位不吝赐教~！

posted @