HTML5学习笔记(一)
HTML5是一个崭新的标记语言。
公司主营业务:网站设计制作、成都网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出四方台免费做网站回馈大家。
HTML5提供许多新的标签,这些标签其实大多数在我们以往的网页设计中已经经常用到了,只是HTML5将其标准化了而已。所以我们的设计理念方法其实还是不变的,只是将需要替换的标签进行替换即可,当然HTML5还提出了不少新的理念,这些个内容则需要我们认真去研究一下了,所以我们学习HTML5,其实就是在学习这些新的设计理念。
下面我就来研究一下HTML5
1、关于申明
老版的HTML(HTML4.01、XHTML1.0)开头的申明语句内容极为丰富,丰富到我看着就哆嗦的地步,太长了,我是记不住,每次就是网站复制。
HTML5中对网站申明进行了大改革,短短一句
道尽了一切,精简的语句会令整个代码显得非常整洁。
2、文档编码
这个文档编码同样也获得了精简的权利,此后仅仅需要在
之间加上一句,同样非常简单。
附:原文档编码:
3、语义性标签
HTML5让人津津乐道的一个方面就是她新增的诸多语义性标签,这些标签极大地规范了代码的意义。
首先我先搭建一个简单地、标准的HTML5页面代码:
文章
从上面的代码中可以很轻松的看出来他与以前的代码的区别:以前的许多许多的
语义标签
序号 | 标签 | 意义 | ||
1 | nav | 定义导航 | ||
2 | header | 定义文档页眉 | ||
3 | section | 定义文档区域 | ||
4 | article | 定于一篇文章 | ||
5 | aside | 定义侧边栏或相关内容 | ||
6 | footer | 定义文档页尾 |
接上所述,上文曾提到,每个语义标签都可以形成一个独立的自我空间,其内部的一切皆由该语义标签来限定,即其内部的一切并不会影响该标签外部的区域,这样就有了这样一个例子,以前我们使用
~标签时,通常遵循这样的惯例:一个HTML文档内部有且只能有一个标签,用于定义该网页的主标题,而其余的各个标题则使用或标签来定义,以突出主标题的重要性,为网页的SEO提供条件;然而现在,我们有了HTML5,我们可以在每个独立的空间内利用来定义自己的主标题,利用或来定义副标题,由于每个语义标签的独立性,其内部的将不会影响到主页面的主标题的权重。如下面的例子所示:
主页面标题
区域1标题
文章1标题
文章1内容
文章2标题
文章2内容
区域2标题
文章3标题
文章3内容
文章4标题
文章4内容
网站名称:HTML5学习笔记(一)
网页URL:http://myzitong.com/article/jphcei.html
标签,用于定义该网页的主标题,而其余的各个标题则使用或标签来定义,以突出主标题的重要性,为网页的SEO提供条件;然而现在,我们有了HTML5,我们可以在每个独立的空间内利用来定义自己的主标题,利用或来定义副标题,由于每个语义标签的独立性,其内部的将不会影响到主页面的主标题的权重。如下面的例子所示:
主页面标题
区域1标题
文章1标题
文章1内容
文章2标题
文章2内容
区域2标题
文章3标题
文章3内容
文章4标题
文章4内容
标签来定义,以突出主标题的重要性,为网页的SEO提供条件;然而现在,我们有了HTML5,我们可以在每个独立的空间内利用来定义自己的主标题,利用或来定义副标题,由于每个语义标签的独立性,其内部的将不会影响到主页面的主标题的权重。如下面的例子所示:
主页面标题
区域1标题
文章1标题
文章1内容
文章2标题
文章2内容
区域2标题
文章3标题
文章3内容
文章4标题
文章4内容
或来定义副标题,由于每个语义标签的独立性,其内部的将不会影响到主页面的主标题的权重。如下面的例子所示:
主页面标题
区域1标题
文章1标题
文章1内容
文章2标题
文章2内容
区域2标题
文章3标题
文章3内容
文章4标题
文章4内容
将不会影响到主页面的主标题的权重。如下面的例子所示:
主页面标题
区域1标题
文章1标题
文章1内容
文章2标题
文章2内容
区域2标题
文章3标题
文章3内容
文章4标题
文章4内容
主页面标题
区域1标题
文章1标题
文章1内容
文章2标题
文章2内容
区域2标题
文章3标题
文章3内容
文章4标题
文章4内容
网站名称:HTML5学习笔记(一)
网页URL:http://myzitong.com/article/jphcei.html