HTML5新事物
1 指定编码字符集,极力推荐
<meta charset="utf-8">
2 指定lang,所有的标签上都有,推荐在<html>上指定。
3 css样式的引入,不再需要指定type="text/css"
<link href="style.css" rel="stylesheet">
4 js的引入,不再需要language="javascript",但是关闭标签是必须的。上面一行是针对IE而设定的。
<!-- saved form url=(0014)abort:internet -->
<script src="script.js"></script>
5 checkbox,checked是一个属性,不再需要指定其值
<input type="checkbox" checked />
6 big,已经被删除了。small却被留下来了。
small的含义已经发生了改变,用来表示附属细则,如法律条款等。
7 hr,样式不变,但是含义发生了改变,现在用来表示主题的改变。
8
<strong>用来表示重要的东西(推荐使用);
<b>仅仅用来加粗字体。
<em>重读的部分(推荐使用);
<i>仅仅用来斜体显示。
9 <a>中现在可以是任意的东西。
10 <wbr>,word br,用来指定在对应的位置将过长的字串进行分割。还有<nobr>不要将一个字串进行分割。
11 <time>用来显示一个时间,尽管没有什么样式,但是可以自己去设定。
12
<header>
虽然<header>意图很明确,但并不是什么时候都要使用它。使用它需要满足如下条件:
- 有标题;
- 除了标题之外还有其它的元素,如<p>等;
- 如果仅仅是由多个标题组成的,可以只用<hgroup>,而不使用<header>
- 除此之外,页眉可以直接使用<header>包含。
<header>中肯定要有标题的,如果一个<header>中仅仅包含了一个图片,追加一个看不见的标题也是推荐的,这是遵守html5规则的。
<footer>
HTML5规定,只能在footer中放一些版权,法律相关的信息。其它的不建议放到footer中。
<article>
<section> 用来盛放任何一个有title的文字性描述。
13
<hgroup>,用来盛放所有标题的元素。除了标题之外什么也不要放到它里面。
<header>,它可以用来盛放<h2>之外的另外一个东西。
<header>
<hgroup>
<h2>This is something</h2>
<h4>This is another something</h4>
</hgroup>
<p>Even I'm not a title, I wanna be here</p>
</header>
14
<img> W3School上说,并不会真正的插入一个图片,而只是链接一个图片,这个标签的意义是创建文件的占位空间。
15 CSS相关
padding: 内边距。设定值可以为正数px或者百分数(参照值为其父元素的width),但是值不允许为负值。
margin: 外边距。设定值可以为任意数值或者百分数,负值也是可以接受的。
margin合并: 当两个垂直的元素的margin重合时,将会形成一个margin,其值为较大的一个。横向的无影响。
16 figure, figcaption
插图最好浮动在一个地方,而不是固定在某一个位置。
<figure>用来指定一个盛放图片的区域。
<figcaption>存在于<figure>中,用来追加图片的说明文字。
<figure style="float: left; margin-left: 20px;">
<img src="someimage.gif" /><!--因为存在了figcaption,alt显得多余了,可以删除,但是不能alt=""-->
<figcaption style="font-size:small, font-style:italic">Some words to discribe the image.</figcaption>
</figure>
17 aside,旁白,离题的话
一般也是float的,用来引入一些相关背景或者其它一些与文本不相干的内容。
18 document.createElement("header")
这句话是用来告诉IE9以前的那些兄弟们的。他们把不能识别的元素统统放弃掉,但是上面这句话就能够骗过IE们,并且知会他们,header是一个元素了,我们可以对它使用样式。
<!-- 这句话告诉浏览器,如果版本低于IE9的话,加载下面的js,不然不加载 -->
<!-- [If lt IE9] -->
<script src="shiv.js"></script>
<!-- [endif] -->
19 nav标签
用来生成导航栏的页面元素。
20 section
具有标题,并且没有更合适的标签的一段文本信息。
- 并列显示的一个区块;
- 独立性的一段内容,但是与article没有太大关系;
- 引用的一段比较长的文本;
HTML5新事物的更多相关文章
- HTML5新标签 w3c
w3c标准下的HTML5新标签 ,做个归纳总结: H5标签 定义和用法 兼容性 <artical> 规定独立的自包含内容, 支持html中的全局属性, 支持html中的事件属性 IE: 支 ...
- HTML5新的标签和属性
<article>标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本.亦或是来自其他外部源内容. HTML5:<arti ...
- html5新特性
这一篇博文不会告诉你怎么去使用html5的新特性,只会给你总结一下新特性------对于好学的人可以把这篇文章当做一个目录 对于初接触的人来说是一个导向 对于已经接触过的人来说是一个检测你掌握程度的检 ...
- 让ie浏览器支持html5新标签的解决方法(使用html5shiv)
没估计错的话旧版浏览器都是不识别这些新增的标签所以都是用行内元素来处理解决的,所以,有一个解决办法的突破口就是让它变成块状元素就不会处于同一行了,这样在新旧浏览器都是可以显示同样的效果,再者就是让浏览 ...
- html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
* HTML5 现在已经不是 SGML(标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言) 的子集,主要是关于图像,位置,存储,多任务等功能的增加. * 拖拽释放(Drag an ...
- Html5新标签解释及用法
Html5新标签解释及用法 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要 ...
- Html5新标签及用法
HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务( ...
- 支持HTML5新标签
IE8/IE7/IE6支持通过document.createElement方法产生的标签, 可以利用这一特性让这些浏览器支持HTML5新标签, ...
- 让IE6,7,8支持HTML5新标签的方法
很多网站对网页进行重构的时候,提高标签的语义性,在网页中大量使用了section,article,header等HTML5新标签.考虑到目前win7自带的IE浏览器版本是IE8,而IE8不支持HTML ...
随机推荐
- QQ截图取色方法
转自:http://www.oicqzone.com/qqjiqiao/2014110920194.html ctrl+alt+a截图的时候,会显示RGB值.是的,你也许会想,但是我要的是#RRGGB ...
- 关于IE6浮动问题!
以下内容均为个人笔记:望批评指教! IE6下应尽量少使用float 而是 换用display:inline 父层使用text-align:text:效果会好些: 如果一组浮动元素 产生了浮动 最好 ...
- Core Java Volume I — 4.5. Method Parameters
4.5. Method ParametersLet us review the computer science terms that describe how parameters can be p ...
- Core Java Volume I — 4.4. Static Fields and Methods
4.4. Static Fields and MethodsIn all sample programs that you have seen, the main method is tagged w ...
- HTTP详解(3)-http1.0 和http1.1 区别
HTTP详解(3)-http1.0 和http1.1 区别 分类: 网络知识2013-03-17 16:51 1685人阅读 评论(0) 收藏 举报 目录(?)[+] 翻了下HTTP1.1的协 ...
- 三国游戏 2010年NOIP全国联赛普及组
题目描述 Description 小涵很喜欢电脑游戏,这些天他正在玩一个叫做<三国>的游戏. 在游戏中,小涵和计算机各执一方,组建各自的军队进行对战.游戏中共有N 位武将(N 为偶数且不小 ...
- netsh winsock reset
最近要在虚拟机上安装 git ,然后托管一个项目,搞得我是焦头烂额.今天下午我卸载了vmware workstation ,但是奇怪的事就发生了,我的google chrome 浏览器没法浏览网页了. ...
- kuangbin_ShortPath R (HDU 4370)
出题人真是脑洞堪比黑洞 (然后自己也被吸进去了 理解一遍题意 三个条件可以转化为 1的出度是1, n的入度是1, 2~n-1的出度等于入度 不难发现1-n的最短路符合题意 然而其实还有另一种情况 1为 ...
- Attention and Augmented Recurrent Neural Networks
Attention and Augmented Recurrent Neural Networks CHRIS OLAHGoogle Brain SHAN CARTERGoogle Brain Sep ...
- (转) ICCV 2015:21篇最火爆研究论文
ICCV 2015:21篇最火爆研究论文 ICCV 2015: Twenty one hottest research papers “Geometry vs Recognition” ...