HTML学习笔记（1）

、HTML5设计哲学，它并不是规范优先的设计，它是“妥协式”的规范。

2、HTML5对元素大小写不再严格区分，开发者可以随意使用大小写字符来定义HTML元素。

3、对于一份基本的HTML5文档而言，它总有如下结构：

<!DOCTYPE html>

<html>

<head>

<!—此处还可插入其他meta、样式单等信息à

</head>

<body>

页面内容部分

</body>

</html>

4、不要在<html>和<head>之前插入任何内容！不要在</head>和<body>之间插入任何内容！不要在</body>和</html>之前插入任何内容。

5、HTML5保留的基本元素有如下几个：

:定义HTML注释，里面的内容会被当成注释处理。

<html>:它是HTML5文档的根元素。但HTML5允许完全省略这个元素。

<head>:它用于定义HTML5文档的页面头部分。但HTML5允许完全省略这个元素。

<title>:用于定义HTML5文档的页面标题。

<body>:用于定义HTML5文档的页面主体部分，该标签可以指定id、class、style等核心属性，还可以指定onload、onunload、onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup等事件属性，这些属性用于指定JavaScript脚本。

6、几乎所有的HTML元素都可指定id、style和class属性。其中ID属性用于为HTML元素指定一个唯一标识，该标识是通过DOM访问HTML元素的重要途径。Class 和style属性是CSS样式相关属性。

7、<span>and <div>这两个标签很相像，只是前者默认是不会自动换行。使用的属性值基本一样。

8、<span/>、<div/>和<p/>三个元素都可以作为其他内容的“容器”，在默认情况下，<span/>不会导致换行，<div/>会导致换行，<p/>会产生出段落，段落之间会有更大的间距。更要注意的是<span/>和<p/>只能包含文本、图像、超链接、文本格式化元素和表单控件等内容，<p/>可以<span/>，但<span/>不能包含<p/>;<div/>元素除了可以包含上面的这些内容外，还可以包含更多的元素。

9、<b>定义粗体，<i>定义斜体,<em>定义强调文本,<strong>定义粗体文本，在HTML5中，使用<strong.../>包起来的文本代表首重要的文本。<small>定义小号字体文本，在HMTL5中专门用于标识所谓的“小字印刷体”，通常用来标注诸如免责声明、注意事项、法律规定和版权相关的声明性文字。

10、<sup>定义上标文本，<sub>定义下标文本;<bdo>定义文本显示的方向，该标签也可以指定dir属性，该属性值只能是ltr或者rtl。

11、在HTML5中，空元素标签不允许将开始标签和结束标签分开定义。空标签有如下：area base br col command embed hr img input keygen link mata param source wbr。如果这些标签开始和结束标签分开写是错误的。

12、可以省略结束标签的元素：colgroup dt dd li optgroup option p rt rp thead tbody tfoot tr td th <p>

13、可以省略全部标签的元素： html head body tbody。

eta标签用于存储web页面上的信息。本质上讲,它是信息数据。他帮助浏览器和搜索引擎更好地知道、理解页面内容。

web开发者，通过Mata标签设置页面描述、作者或关键字等等。然而，许多meta标签功能,我们大多数人可能不知道。慧都控件网为大家整理了5个你可能从未知道的HTNL Meta标签功能。

1、控制浏览器缓存

当我们访问网页，本地缓存可以让我们提高访问该页面的速度。有时候，你可能会发现，你再次访问的页面没有得到更新，这是因为浏览器显示缓存页面。如果，你想这种事情不再发生，通过使用Meta标签禁用浏览器缓存，可以解决。代码如下：

以上代码在主流浏览器上都可以使用。可以使用更多的值和规范禁用缓存：

你也可以设置一个截止日期，以确保浏览器将显示来自服务器的文件，而且是最新内容，而不是缓存中的。

上面的代码意思是，指定的日期和时间文件过期时间。

2、设置cookie

和缓存相似，cookies你在浏览器访问过的网站的一小块数据存储信息。现在很多网站都会使用cookie，最典型的例子，就是，我们在很多网站上看到不断变换的广告。如果你在百度上搜索了某商品，那么他就会被存储下来，一般来说都会存储1-7天，也有可能更长。

设置cookie，你可以使用下面的代码：

name=data 是cookie名称，由设置的值决定。反之，expired表示cookie到期后删除的时间。如果把过期时间设置为空，你关掉浏览器，cookie就会被清空。

3、刷新网页

你可以设置一段时间后对页面进行刷新操作。meta http-equiv="refresh"可以指定浏览器延迟一段时间自动刷新页面。下面的meta-tag指定浏览器每5秒自动刷新一次。

下图为效果：

4、重定向

我们可以使用refresh meta标签对页面进行重定向。下面的例子将在5秒后访问example.com

我们可以看下动画效果：

如果是要立即生效，可以设计为0，如下：

5、网页转换

你可以使用meta-tag如PPT一样转换页面，转换语法如下：

注意：这只适合老IE浏览器。page-enter 、page-exit 是微软专有的meta标签规范。你可以使用duration设置时间。Transition由0-23的数字/整数组成。相反，meta http-equiv="page-enter" content="blendTrans(duration=sec)" 是另外的非转换类型值。

还有好多iPhone 6 Plus没送出去，快来看看，赶快把他领回家！！！

【年终大促巅峰盛"慧" 】促销火热进行中 iPhone 6 Plus、 iPhone 6、iPad Air等你免费拿

慧都联合葡萄城产品年终大惠，第二套起，买一送一！11月17日-12月31日，机会不容错过！

FastReport VCL 5新版发布会，2014-12-9 15:00网络直播，免费参加立即报名，参加者买FastReport全线产品<6折>！

本站文章除注明转载外，均为本站原创或翻译