找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1451|回复: 0

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

[复制链接]
发表于 2013-4-10 17:29:43 | 显示全部楼层 |阅读模式 来自 中国–北京–北京
第二章主要介绍了HTML5的基本语法和什么是全局属性及其介绍了几个常见的全局属性。她们是contentEditable,designMode,hidden,spellchack和tabindex属性。
基本HTML5语法:
1
<!DOCTYPE>

[backcolor=rgb(248, 248, 248) !important]
2
<meta charset="UTF-8">



来取代了HTML4前面繁琐的声明
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[backcolor=rgb(248, 248, 248) !important]
2
  <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时可编辑。事例代码:
1
<h2>可编辑列表</h2>

[backcolor=rgb(248, 248, 248) !important]
2
<ul contentEdittable="true">

3
<li>AAAAAAAA</li>

[backcolor=rgb(248, 248, 248) !important]
4
<li>BBBBBBBB</li>

5
<li>CCCCCCCC</li>

[backcolor=rgb(248, 248, 248) !important]
6
</ul>



远行后,AAAAAAA,BBBBBBB,CCCCCCCC都是可编辑的哦!这个以前还真没听说过。
designMode属性
该属性是指整个页面试是否可编辑。偶的神,还很没听说过。该值的属性值是on何off,如果值为on,页面上所有支持上面contentEditable属性都成了可编辑状态。不过本属性只能在javascript脚本里被编辑。
hidden属性
该属性是告知浏览器不渲染该元素,使该元素不可见。书本原文"但是元素中的内容还是浏览器创建的,也就是页面装载后允许使用javascript脚本将该属性取消,取消后可见..",表达不明白。还有这个隐藏是完全在页面上部存在,还是说留下隐藏元素的位置,而不显示,没有说明。
spellcheck属性
该属性是检查针对input元素text和textasrea类型文本框用户输入内容的进行拼写和语法检查。属性值是true和false。效果就是当用户输入applee,输入错误,错误字符下面波浪线提示。我想这个属性对天朝来说,没什么用处。
tabindex属性
这个属性在HTML4基础上HTML只是扩展了一点就是tabindex的值可以为-1,表示不能获取焦点。
这章到这就结束了。

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-22 07:34 , Processed in 0.039303 second(s), 7 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表