文档章节

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

这章到这就结束了。

© 著作权归作者所有

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

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

产品哥
2011/12/02
416
1
我所钟爱的 HTML5 资源

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

红薯
2010/07/19
741
3
HTML4 和 HTML5 的10个关键区别

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

虫虫
2011/10/13
90.4K
14
为 Web 开发者准备的 20 个有用的 HTML5 教程

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

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

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

红薯
2010/03/10
439
0

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
5
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
昨天
6
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
7
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部