1:HTML5 简介
1:什么是HTML5?
1:HTML5是最新的HTML标准。
2:HTML5是专门为承载丰富的web内容而设计的。并且无需额外插件。
3:HTML5拥有新的语义、图形以及多媒体元素。
4:HTML5提供的新元素和新的API简化了weby应用程序的搭建。
5:HTML5是跨平台的,被设计为在不同类型的硬件之上运行。
2:HTML5中的新内容
HTML5的新的文档类型非常简单,HTML5中默认的字符编码是UTF-8.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>
3:HTML5 - 新特性
1:新的语义元素;2:新的表单控件;3:强大的图像支持;4:强大的多媒体支持;5:强大的新API。
2:HTML5浏览器支持
1:HTML5浏览器支持
所有现代浏览器都支持HTML5。此外,所有浏览器,无论新旧,都会自动把未识别元素当做行内元素来处理。正因如此,可以帮助老式浏览器处理“未知的”元素。
2:把HTML5元素定义为块级元素。
HTML5定义了八个新的语义HTML元素,所有都是块级元素。
3:向HTML添加新元素
可以通过浏览器trick向HTML添加任何新元素。
3:HTML5 语义元素
1:什么是语义元素
语义元素清除地向浏览器和开发者描述其意义。现代浏览器均支持HTML5语义元素。
2:HTML5 <section>元素
<section>元素定义文档中的节。节是有题目的内容组,通常具有标题。
3:HTML5 <article>元素
<article>元素规定独立的自包含内容。文档具有其自身的意义,并且可以独立于aun网站其他内容进行阅读。
4:嵌套语义元素
在HTML5标准中,<article>元素定义完整的相关元素自包含块。<section>元素被定义为相关元素块。
5:HTML5 <header>元素
<header>元素为文档或节规定页眉。<header>元素应该被用作介绍性内容的容器。一个文档中可以有多个<header>元素。
6:HTML5<footer>元素
<footer>元素为文档或节规定页脚。<footer>元素应该提供有关其包含元素的信息。页脚通常包含文档作者、版权信息、使用条款链接、联系信息等。可以在一个文档中使用多个<footer>元素。
7:HTML5 <nav>元素
<nav>元素定义导航链接集合。<nav>元素旨在定义大型的导航链接块。不过,并非文档中所有链接都应该位于<nav>元素中!
8:HTML5 <aside> 元素
<aside>元素页面主内容之外的某些内容。aside内容应该与周围内容相关。
9:HTML5 <figure>和<figcaption>元素
在书籍和报纸中,与图片搭配的标题很常见。标题的作用是为图片添加可见的解释。通过HTML5,图片和标题能够被组合在<figure>元素中。
4:HTML5样式指南和代码规定
1:HTML代码约定
web开发者常常不确定在HTML中使用的代码样式和语法。HTML5在代码验证时会比XHTML宽松一点。通过HTML5,必须创建属于自己的最佳实践、样式指南和代码约定。
2:智能且有未来保证
对样式的合乎逻辑的使用,可以令其他人更容易理解和使用HTML。使用格式良好的"近似 XHTML的"语法,能够更加智能。
3:请使用小写元素名
HTML5允许在元素名中使用混合大小写字母。推荐使用小写元素名。
4:关闭所有HTML元素
建议关闭HTML元素,好习惯。
5:关闭空的HTML元素
建议关闭所有空的HTML元素。
6:使用小写属性名
HTML5允许大小写混合的属性名。建议小写属性名。
7:属性值加引号
建议属性值i加引号,如果属性值包含值则一定要加引号。
8:必须的属性
始终对图像使用alt属性。当图像无法显示时该属性很重要。始终定义图像尺寸,会避免图像闪烁。
9:空格和等号
等号两边的空格是合法的。
10:避免长代码行
尽量避免代码行超过80个字符。
11:空行和缩进
请勿毫无理由地增加空行。为了提高可读性,可以增加空行来分隔大型或逻辑代码块。为了提高可读性,可以增加两个空格进行缩进。不要使用TAB。
12:元数据
<title>元素在HTML5中是必需的。
13:HTML注释
短注释应该在单行中书写,并在<!-- 之后增加一个空格,在<!-- 之前增加一个空格。长注释更容易观察,如果它们被缩进两个空格的话。