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

时间 2019-11-06

标签第二 html5 html html4 区别 HTML5+CSS3权威指南栏目 HTML5 繁體版

原文原文链接

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

基本HTML5语法：html

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

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

<!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,我晚上睡不着觉。app

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

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

全局属性：google

contentEditable属性spa

这个属性主要是准许用户编辑元素，且该元素必须是鼠标能够得到焦点的元素。她是一个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，表示不能获取焦点。

这章到这就结束了。