文档章节

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

产品哥
 产品哥
发布于 2011/12/05 13:34
字数 1007
阅读 690
收藏 3

第二章主要介绍了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,表示不能获取焦点。

这章到这就结束了。

© 著作权归作者所有

产品哥
粉丝 80
博文 167
码字总数 191806
作品 1
杭州
CTO(技术副总裁)
私信 提问
《HTML+CSS3权威指南》笔记摘要 - 目录

主要是想借助这个平台让大家给我学习途中的错误和不好的地方给与纠正。 我会努力最短时间内完成更新,如果发现有错别字或者Code错误,请指出。 信息:建议使用Opera10以上或者Google浏览器测...

产品哥
2011/12/02
0
1
HTML4 和 HTML5 的10个关键区别

HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话 ,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆...

虫虫
2011/10/13
89.7K
14
我所钟爱的 HTML5 资源

HTML5 越来越引起人们的关注,苹果甚至将 HTML5 视为 Flash 的掘墓人。然而,作为一种尚未成型的技术,HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源,这些资...

红薯
2010/07/19
732
3
为 Web 开发者准备的 20 个有用的 HTML5 教程

HTML5: 基础知识 从头开始编码的HTML5布局 用 HTML5 设计一个博客 用 HTML5+CSS3 创建优雅的网站 用 HTML5 设计一个很酷的 iPhone App 网站 HTML5 应用基于浏览器的存储 在手机上使用 HTML5 ...

红薯
2012/02/25
15K
10
W3C 接连推出 7 个 HTML 草案

最近 W3C 一口气推出 7 个 HTML 工作草案,涵盖了 HTML5,HTML RDF,HTML Microdata,HTML Canvas, HTML Bidi 等标准。这些草案多数与 HTML5 有关,虽然 HTML5 标准的真正发布与实现还有很远...

红薯
2010/03/10
438
0

没有更多内容

加载失败,请刷新页面

加载更多

47.Nginx安装 默认虚拟主机 用户认证 域名重定向

12.6 Nginx安装 12.7 默认虚拟主机 12.8 Nginx用户认证 12.9 Nginx域名重定向 扩展 nginx.conf 配置详解 http://www.ha97.com/5194.html http://my.oschina.net/duxuefeng/blog/34880 nginx......

oschina130111
13分钟前
0
0
vue+element 封装弹窗

子组件: <template> <el-dialog title="" :visible.sync="dialogVisible" :before-close="handleCloseBindWarnStandard" width="500px"> <el-form label-width="100px"> <el-form-item prop......

羊皮卷
27分钟前
0
0
ABB变送器大胆创新实现技术突破

本文关键字:ABB变送器http://www.whdkm.cn/ 虽然市场上变送器传感器种类繁多,但是近几年传感器的技术创新速度却是比较缓慢,这是由于大多数用户宁可坚持使用久经经验的技术,而不愿冒险采用...

whdkm666
31分钟前
0
0
TPA2080D1相关介绍

TPA2080D1相关介绍 1说明 TPA2080D1器件是一款高效D类音频功率放大器,集成了G类升压转换器,可在低输出功率下提高效率。它可以驱动高达2.2 W的4-Q扬声器(1%THD + N)。 TPA2080D1具有85%...

不能吃肉的仙女
35分钟前
0
0
今日大暑,JEPaaS提醒您注意防暑降温

“大暑,六月中。暑,热也,就热之中分为大小,月初为小,月中为大,今则热气犹大也。” 天气炎热,JEPaaS提醒您注意防晒,预防中暑。

JEPaaS云平台
37分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部