HTML笔记(7)

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注释

短注释应该在单行中书写,并在<!-- 之后增加一个空格,在<!-- 之前增加一个空格。长注释更容易观察,如果它们被缩进两个空格的话。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值