第二章 HTML5和HTML4的区别-《HTML5+CSS3权威指南》

第二章主要介绍了HTML5的基本语法和什么是全局属性及其介绍了几个常见的全局属性。她们是contentEditable,designMode,hidden,spellchack和tabindex属性。

基本HTML5语法:

<!DOCTYPE>
<meta charset="UTF-8">

来取代了HTML4前面繁琐的声明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

书上有个比较模糊的地方是<!DOCTYPE html SYSTEM "about: legacy-compat">中的SYSTEM属性没有说明清楚。我google了一下,也没查出比较好理解的,大致都是说遗留工具,完全是为了兼容久远时代的历史遗产而准备的DOCTYPE。但是还是不解,如果各位有什么比较通俗的解释,在下面留言告知我一下,小弟我非常感谢。

第一章留了个问题,那些标签可以省略结束标签,书上给出了15个标签,分别是:li dt dd p rt rp optgroup option colgroup thead tbody tfoof tr td th。

还有完全不用写的标签:html head body colgroup tbody。其实我感觉这个真的可以写,不写html head body,我晚上睡不着觉。

在这里还说一下具有boolean值的属性。举个例子,<input type="checkbox" checked />就是默认选中的,当然你写checked ="checked"或者checked =checked或者checked =""都是代表属性是true的,要想属性是false,不写就OK啦。细心的你一定看到了checked =checked,别觉得有什么不对的,在HTML5里,属性值两边的引号可以升 看来懒人的时代一步步逼近了。懒人促进社会进步,这话越来越体现的突出了。

接下来就是把HTML5新标签的主要作用概括了一下,HTML5新标签的属性,我将在第四章一一做详细一点的笔记。还挺多的。其实这个在网上,都查的到的。

全局属性:

contentEditable属性

这个属性主要是准许用户编辑元素,且该元素必须是鼠标可以获得焦点的元素。她是一个boolean值属性。这个属性还有一个隐藏的inherit继承状态,就是说父元素可以编辑,元素也继承可编辑。contentEditable为true时可编辑。事例代码:

<h2>可编辑列表</h2>
<ul contentEdittable="true">
<li>AAAAAAAA</li>
<li>BBBBBBBB</li>
<li>CCCCCCCC</li>
</ul>

远行后,AAAAAAA,BBBBBBB,CCCCCCCC都是可编辑的哦!这个以前还真没听说过。

designMode属性

该属性是指整个页面试是否可编辑。偶的神,还很没听说过。该值的属性值是on何off,如果值为on,页面上所有支持上面contentEditable属性都成了可编辑状态。不过本属性只能在javascript脚本里被编辑。

hidden属性

该属性是告知浏览器不渲染该元素,使该元素不可见。书本原文"但是元素中的内容还是浏览器创建的,也就是页面装载后允许使用javascript脚本将该属性取消,取消后可见..",表达不明白。还有这个隐藏是完全在页面上部存在,还是说留下隐藏元素的位置,而不显示,没有说明。

spellcheck属性

该属性是检查针对input元素text和textasrea类型文本框用户输入内容的进行拼写和语法检查。属性值是true和false。效果就是当用户输入applee,输入错误,错误字符下面波浪线提示。我想这个属性对天朝来说,没什么用处。

tabindex属性

这个属性在HTML4基础上HTML只是扩展了一点就是tabindex的值可以为-1,表示不能获取焦点。

这章到这就结束了。

posted @ 2011-12-05 13:34  游子善心  阅读(2)  评论(0编辑  收藏  举报  来源