在菜鸟教程中找了一些关于HTML5的知识点，觉得很有用，可以整理一下，以后使用。

这是一个基本的HTML5文档：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>

判断是不是HTML5？看两个地方就够了------<!DOCTYPE html>，<meta charset="utf-8">，只要这两个格式正确，就可以确定了。

下面说一下HTML5标签的使用方法和作用

<!--...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。

<a href="http://www.baidu.com"></a><a href=""></a>这是一个超链接标签。

<abbr> 标签用来表示一个缩写词或者首字母缩略词，如"WWW"或者"NATO"。

The<abbr title="World Health Organization">WHO</abbr> was founded in 1948. （当你的鼠标在WHO上悬停的时候，它会出现World Health Organization）

<address>标签

<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

显示出的效果通常都是斜体字。如果<address>元素位于<body>元素内部，则它表示该文档作者/所有者的联系信息。

如果<address>元素位于<article>元素内部，则它表示该文章作者/所有者的联系信息。

后期学习新增：

<header></header>它就是主体的头部，也可以把它看成页眉。每一页都有，在最上面。放置logo，顶级导航这样一些内容。

<footer></footer>页面主体上的底部，也就是文档上的页脚，一般会放些版权声明，联系方式等等内容

<nav></nav>它是代表页面中的导航链接的部分，一般有导航的话，就会有这个标签

<article></article>它代表文档啊，页面啊，或者应用程序中独立的完整的一些可以独自外部引用的内容，比如说：博客里的一篇文章，一个帖子等等与之比较类似的是<section></section>

<section></section>.的适用范围更广泛，比如页面里的广告，联系方式，文章里面的章节等等，只要你觉得只是个区块就可以使用，在文档内容明确的出现在大纲里，它就比较适用。如果你这个东西只是个装饰，就不用了，但是出现在文档大纲中，由用户看到的，有意义的内容就可以使用。<article></article>就可以看成是一个特殊的<section></section>，是<section></section>的子集，包含图文内容的文章，就可以使用<article></article>，<article></article>的语义更加的强烈

<b></b>不仅仅是加粗，还表示这段文本是用来吸引人注意的，但并不表示这是重点或者是强调

<em></em>表示重点强调，比如说公式，定理一段文字的

<i></i>不同的语气，样子上有不同的差异，有些区别，比如说这段文字表示了讽刺，文法与其他的不一样啊。

HTML5标签的使用和作用的更多相关文章

  1. HTML5中常用的标签(及标签的属性和作用)

    1.标签:<!DOCTYPE>作用:声明是文档中的第一成分,位于<html>标签之前. 2.标签:<html>作用:此元素可告知浏览器其自身是一个HTML文档.属性 ...

  2. html5标签兼容ie6，7，8

    注册博客园已经三年了,这三年一直在忙,没时间写博文.也许是忙,也许是懒吧!当然这三年发生了很多事,我也从开发人员转变为前端人员. 是时候对所学的,所用的知识做一下沉淀了.就从这一篇开始吧! html5 ...

  3. 对HTML5标签的认识(三)

    这篇随笔继续来认识HTML标签.这次随笔主要是对<table>标签的认识和最近我学习到的一些标签来和大家分享. 一.<table>标签 <table>标签的作用主要 ...

  4. 对HTML5标签的认识(二)

    ---恢复内容开始--- 这次随笔主要讲一下列表标签.链接标签.和表格标签.图像标签.音频标签.及视频标签的运用及作用. 一.<ul>和<ol> 首先先了解一下<ul&g ...

  5. HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    这篇文章主要介绍了HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法,需要的朋友可以参考下 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面 ...

  6. HTML5标签构成

    一个HTML5文件是由一些列的元素和标签组成的.元素是HTML5文件的重要组成部分,例如title(文件标题).img(图像)及table(表格)等.元素名不区分大小写,而HTML5用标签来规定元素的 ...

  7. 8 个有用的 HTML5 标签

    作为一个 web 前端开发者,在制作页面的时候你会从一大堆不同的标签中选择合适的标签来完成相应的功能.有些 HTML5 标签广为流传,例如 <article> <header> ...

  8. 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法   HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页 ...

  9. HTML5标签与HTML4标签的区别示例介绍_html5教程技巧

    (1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> &l ...

随机推荐

  1. PLT与GOT

    0x01  什么是PLT和GOT 名称: PLT : 程序链接表(PLT,Procedure Link Table) GOT : 重局偏移表(GOT, Global Offset Table) 缘由: ...

  2. Java虚拟机详解（三）------垃圾回收

    如果对C++这门语言熟悉的人,再来看Java,就会发现这两者对垃圾(内存)回收的策略有很大的不同. C++:垃圾回收很重要,我们必须要自己来回收!!! Java:垃圾回收很重要,我们必须交给系统来帮我 ...

  3. 【POJ - 3050】Hopscotch （dfs+回溯）

    -->Hopscotch 这接写中文了 Descriptions: 奶牛们以一种独特的方式玩孩子们的跳房子游戏. 奶牛们创造了一个5x5的格子 他们熟练地跳上其中的一个格子,可以前后左右地跳(不 ...

  4. C语言中的函数与数学上的函数很类似

    函数,是C语言编程中一个很重要的概念,重要到个人认为可以与指针并驾齐驱.好多教材.老师.学习资源都会专门挑出一章来讲函数.我今天也来说说函数,只不过我是从数学课上的函数来引申到C语言中的函数. 先来说 ...

  5. 使用gets函数常见问题

    C语言面试经常会考如下一道题,哪里有错误: #include <stdio.h>    int main()  {     char string[100] = {'\0'};       ...

  6. 基础篇-1.1走进Java世界

    在走进Java世界之前,我们势必先了解下Java是什么?Java是一门面向对象的编程语言,是静态面向对象编程语言的代表,极好得实现了面向对象理论,允许程序员以优雅的思维方式进行复杂的编程.Java具有 ...

  7. base16，base32，base64 编码方式的通俗讲解

    作者:林冠宏 / 指尖下的幽灵 博客:http://www.cnblogs.com/linguanh/ GitHub : https://github.com/af913337456/ 腾讯云专栏: ...

  8. 20141126-传智播客.NET3.3版

  9. ElasticSearch01--安装ElasticSearch服务（Linux）

    在linux系统上安装ElasticSearch服务 Linux系统要求: 1.centos6或centos7 2.jdk1.8及以上 1. 新建用户 新建一个用户 useradd yuank 修改用 ...

  10. 个人永久性免费-Excel催化剂功能第87波-将批量发送邮件做到极致化，需借力Outlook

    在过往的功能中,已经实现过批量发送邮件的功能,但收到的反馈是部分企业邮箱不能用,原因是无解的,因为程序员能找到的公开的类库只能实现一些通用性的场景,太复杂的企业环境可能会失灵.近期认真来学习Outlo ...