开发者需要知道的11条HTML5小常识
#HTML5: The Missing Manual# 如果说HTML是一部电影,那HTML5就是一次大转折。HTML本来是不会活过21世纪的。官方Web标准组织W3C在1998年对HTML就已经撒手不管了。W3C把未来都寄托在XHTML,这个更具现代特色的后续标准身上。 是一群被剥夺了话语权的人,让HTML起死回生并为本书将要探讨的功能奠定了基础。
HTML5的“自由散漫”表现在:(1)不要求网页中必须包含<html>、<head>和<body>元素;(2)标记和属性均不区分大小写;(3)允许省略关闭空元素(void elment)的斜杠;(4)属性值中只要不包含受限的字符(比如>、=或空格),就可以不加引号;(5)只有属性名没有属性值也可以。
严肃的Web开发人员编写HTML5页面还是要遵循XHTML语法:(1)包含可选的<html>、<head>和<body>元素;(2)标签和属性全部小写;(3)标签不要错误嵌套;(3)属性值要加引号。想验证自己的HTML5页面是否符合XHTML语法?使用这个验证器http://t.cn/ScF199,在Prese中选XHTML5。
#HTML5:The Missing Manual#由于HTML5标准描述的都是事实,而不是抛出一堆理想的规则了事,因此它有望成为有史以来受支持程度最高的Web标准。
HTML5有两个版本:开发人员版(http://t.cn/Scs9Dj)要求摒弃过去的那些坏习惯和被废弃的元素。通过使用HTML5验证器可以确保遵循HTML5标准的这一部分。浏览器开发商版(http://t.cn/7vZ3v)包含从头实现一个兼容过去和未来的浏览器所需要的全部信息。前者是后者的子集。
今天,当你听到别人提及HTML5,可能有三层意思:(1)HTML5核心,即W3C官方规范,涉及新语义元素、新表单控件、音频和视频、画布;(2)曾经属于HTML5的功能,源自WHATWG最初制定的规范,但逐步被剥离出来,包括本地数据存储、离线应用、消息传递等;(3)有时候会被称为HTML5的功能,包括CSS3、地理定位等。
XHTML5(Polyglot Markup:http://t.cn/SV7jJt)是HTML5与XML的交集,是兼顾二者的方案,可由XML或HTML解析器解析,解析后都生成相同的DOM。服务器端配置的MIME类型决定使用的解析器:application/xhtml+xml 或 text/html。注意:IE9之前的IE不支持XML解析器。另可参考:http://t.cn/SV7jJc
HTML5保留的HTML元素有100+,新增的元素30个左右,改变含义的元素大约10个。看这里一目了然:http://t.cn/GLE0G
HTML5删除了框架,但<iframe>得以保留,因为Web应用经常要利用<iframe>实现一些集成任务,比如在网页中包含视频窗口、广告单元和谷歌搜索框等。
HTML5中改变了一些元素的含义。如<small>元素(<big>被删了),原来是表现性的元素,用于缩小文本,现在它的含义是“small print”,即附属细则,用于页面底部的法律条款。再如<hr>和<s>元素,前者插入水平线,后者加删除线,但在HTML5中它们的含义变成了“主题转换”和“不准确、不相关的内容”。
XHTML 1.0为替代<b>和<i>引入<strong>和<em>是想引入重要和强调的语义。HTML5为这4个标签赋予了新的含义:<strong>表示要突出显示的“重要内容”、<b>仅表示“粗体”但不是更重要(关键字、产品名)、<em>表示要大声朗读的“重读内容”、<i>仅表示“斜体文本”但不是更重要(外文单词、技术术语)。
开发者需要知道的11条HTML5小常识的更多相关文章
- PHP开发者该知道的5个Composer小技巧
Composer 是新一代的PHP依赖管理工具.本文介绍使用Composer的五个小技巧,希望能给你的PHP开发带来方便. 1. 仅更新单个库 只想更新某个特定的库,不想更新它的所有依赖,很简单 co ...
- 【转载】PHP 开发者该知道的 5 个 Composer 小技巧
Composer是新一代的PHP依赖管理工具.其介绍和基本用法可以看这篇<Composer PHP依赖管理的新时代>.本文介绍使用Composer的五个小技巧,希望能给你的PHP开发带来方 ...
- PHP 开发者该知道的5个 Composer 小技巧
Composer是新一代的PHP依赖管理工具.其介绍和基本用法可以看这篇<Composer PHP依赖管理的新时代>.本文介绍使用Composer的五个小技巧,希望能给你的PHP开发带来方 ...
- PHP 开发者该知道的 5 个 Composer 小技巧
From: https://segmentfault.com/a/1190000000355928 Composer是新一代的PHP依赖管理工具.其介绍和基本用法可以看这篇<Composer P ...
- (转) PHP 开发者该知道的 5 个 Composer 小技巧
1. 仅更新单个库 只想更新某个特定的库,不想更新它的所有依赖,很简单: composer update foo/bar 此外,这个技巧还可以用来解决“警告信息问题”.你一定见过这样的警告信息: Wa ...
- 对于JavaScript的函数.NET开发人员应该知道的11件事
(此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 昨天小感冒今天重感冒,也不能长篇大论.如果你是.NET开发人员,在进入前端开发领域的时候,对 ...
- 前端开发者应该知道的 CSS 小技巧
一些小技巧让你的CSS技术更专业 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CS ...
- iOS 开发者应该知道的 ARM 结构
http://news.cnblogs.com/n/68903/ 我在写「NEON on iPhone 入门」的时候,曾以为读者已经比较了解 iOS设备的处理器知识.然而,看过网上的一些讨论,我才发现 ...
- 系统管理员应该知道的20条Linux命令
如果您的应用程序不工作,或者您希望在寻找更多信息,这 20 个命令将派上用场. 在这个全新的工具和多样化的开发环境井喷的大环境下,任何开发者和工程师都有必要学习一些基本的系统管理命令.特定的命令和工具 ...
随机推荐
- Codeforces Round #326 (Div. 2) C. Duff and Weight Lifting 水题
C. Duff and Weight Lifting Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest ...
- Android-L-Samples
https://github.com/s3xy4ngyc/Android-L-Samples
- JVM自动内存管理学习笔记
对于使用 C.C++ 的程序员来说,在内存管理领域,他们既是拥有最高权力的皇帝又是从事最基础工作的劳动人民——拥有每一个对象的“所有权”,又担负着每一个对象生命开始到终结的维护责任.对于 Java 程 ...
- iOS开发——适配篇&App适配简单概括
App适配简单概括 1:适配:适应.兼容各种不同的情况 系统适配 针对不同版本的操作系统进行适配 屏幕适配 针对不同大小的屏幕尺寸进行适配 在用户眼中 屏幕是由无数个像素组成的 像素越多,屏幕越清晰 ...
- LINUX C++ 技术博客
http://blog.csdn.net/pcliuguangtao/article/category/676422
- JavaScript 之 页面跳转及Frame动态加载
一.页面跳转 JS跳转大概有以下五种方式: 1.跳转到B页面 <script language="javascript" type="text/javascript ...
- [转载]BigPipe技术
1. 技术背景 FaceBook页面加载技术 试想这样一个场景,一个经常访问的网站,每次打开它的页面都要要花费6 秒:同时另外一个网站提供了相似的服务,但响应时间只需3 秒,那么你会如何选择呢?数据表 ...
- 对x264_macroblock_cache_load的理解
X264版本: 2004/06/03 函数作用: 将编码该宏块所需的信息加载到mb.pic.mb.cache两个结构体中,记录相邻宏块的存在性. 函数过程: 初始化坐标信息,这些坐标信息将在下面用作下 ...
- 【gradle报错】error: package org.apache.http does not exist
导入项目的时候gradle报错 error: package org.apache.http does not exist 解决方法: 在build.gradle中加入 android { use ...
- ORA-01034: ORACLE not available
ora-01034:oracle not available ora-27101:shared mermory realm does not exist 解决办法: ...