HTML5新特征、窍门和技术（1~5）
一、新的Doctype
”doctype”中文意思指“文档类型”
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
使用新的HTML5文档类型代替吧。你会活得更久<!DOCTYPE html> 您可能会对这段代码究竟靠不靠谱表示怀疑。不用担心，如今这是可行的，只有老的浏览器需要一个特定的doctype（文档类型）。浏览器如果不知道doctype，就会很简单的以标准模式对包含的标签进行渲染。
二、图形元素(The Figure Element )
看看下面给图片添加的标示：
<img src="path/to/image" alt="About image" />
<p>Image of Mars. </p>
文字裹在p标签里，与img标签各行其道，很难让人联想到这就是标题。
HTML5通过采用<figure>元素对此进行了改正。当合<figcaption>元素组合使用时，我们就可以语义化地联想到
这就是图片相对应的标题
<figure>
<img src="path/to/image" alt="About image" />
<figcaption>
<p>This is an image of something interesting. </p>
</figcaption>
</figure>
三、<small>重新定义
还在不久前，<small>元素被用来创建靠近logo且相关的副标题。这是个很有用的表现元素，但是，现在，这种用法可能就不正确了。<small>元素已经被重新定义了，指小字，因而更具可用性。试想下你网站底部的版权状态，根据对此元素新的HTML5定义，<small>可以正确地包裹这些信息。
四、脚本(scripts)和链接(links)无需type
您可能现在仍在给link和script标签增加type属性。
<link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" />
<script type="text/javascript" src="path/to/script.js"></script>
这已经是老黄花菜，非必需品了。这意味着，这些标签都各自指向样式表和脚本。因此，我们可以把type属性一起干掉。
<link rel="stylesheet" href="path/to/stylesheet.css" />
<script src="path/to/script.js"></script>
五、引号还是不要引号
…这确实是个问题。记住，HTML5不是XHTML，要是你不愿意，你没有必要非得用引号标记包裹你的属性，没有必要非得闭合元素。换句话说，只要你自己觉得舒服，就没有什么对错之分。对于我自己来说就是如此。
<p class=myClass id=someId> Start the reactor.
对此取舍你还得自己拿主意。如果你更倾向于结构化的文档，就算天塌下来，也要把引号牢牢拽在怀里。
来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]
HTML5新特征、窍门和技术（1~5）相关推荐
- HTML5新特征、窍门和技术（16~20）
接上一篇,我们继续学习... 十六.Video支持 与<audio>元素很类似,在新的浏览器中也存在Video!事实上,就在最近,YouTube宣告了新的HTML5视频嵌入,当然,是为支持 ...
- HTML5新特征、窍门和技术（11~15）
接上一篇,我们继续学习... 十一.IE和HTML5(Internet Explorer and HTML5) 不幸的是,讨厌的IE浏览器需要动点小手术才能理解新的HTML5元素. 所有元素,默认的, ...
- HTML5新特征、窍门和技术（6~10）
接上一篇,我们继续学习... 六.内容可编辑 最新的浏览器有个很赞的新属性可以应用到元素上,叫做contenteditable.顾名思义,就是允许用户编辑元素内容包含的任意文本,包括子元素.类似的用途 ...
- HTML5新的解析顺序,HTML5新表单新功能解析
HTML5新增了很多属性功能.但是有兼容性问题,因为这些表单功能新增的.我这里做了一个简单的练习,方便参考.如果完全兼容的话,那我们写表单的时候就省了很多代码以及各种判断. HTML5表单新功能解析 ...
- 你必须知道的28个HTML5特征、窍门和技术
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1058 原文地址:h ...
- HTML5铸就VMware新特性，WSX技术能让浏览器远程运行虚拟桌面
HTML5铸就VMware新特性,WSX技术能让浏览器远程运行虚拟桌面 曾子嶒 发表于 2012/03/21-07:42 HTML5 /VMware /WSX 快成为第一个分享的人吧! 分享到 V ...
- 十二种特征工程相关技术简介
http://blog.itpub.net/29829936/viewspace-2648602/ 本文主要包含的目录如下: 一.简介 二.错误数据和缺失值 三.特征的种类 四.特征工程技巧 4.1. ...
- html5新特性 移除哪些,html5\CSS3有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？...
(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage ...
- html5变动标签新写法,Html5新标签解释及用法
Html5新标签解释及用法 发布时间:2012-02-17 22:50:45 作者:佚名 我要评论 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1. ...
最新文章
- 北航机器人研究所 裴旭_三年亏损近29亿！北航硕士痴迷平衡车，让“中国智造”走向世界...
- “编码 5 分钟，命名 2 小时”，这道题究竟怎么解？ | 问题征集
- Redis简介和Redis Template用法整理
- Factory Method工厂方法模式
- [OJ] Wildcard Matching (Hard)
- 当我们在谈 .NET Core 跨平台时，我们在谈些什么？--学习笔记
- Java Date toString（）方法与示例
- soa---java 多线程的---锁
- cmd跑绿色代码_cmd装逼代码-cmd命令,装逼
- opencv 基于haar特征的级联分类器实现图象识别原理
- 华为性格测试题目讲解
- matlab 计算一元函数解,遗传算法简单一元函数优化实例
- zencart模板制作步骤详解
- 粗糙集 rough set theory
- 常见的 App 安全问题
- 内存整理的原理是什么？
- MonoRail学习笔记二：框架代码下载
- Python在数据处理方面的优势
- ROS官网使用方式以及问题？
- 英雄联盟拳头公司个人开发API如何注册获取 - Web-scraping爬虫