在菜鸟教程中找了一些关于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. Java连载5-标识符、关键字和字面值

    一.标识符 1.标识符定义:在java源程序中凡是可以自己命名的单词 2.标识符可以标识什么元素? (1)类名(2)方法名(3)变量名(4)接口名(5)常量名 等等 3.标识符的命名要求 (1)一个合 ...

  2. Impala集成C3P0的连接方式

    1. 概述 Impala是Cloudera公司主导开发的新型查询系统,它提供SQL语义,能查询存储在Hadoop的HDFS和HBase中的PB级大数据.已有的Hive系统虽然也提供了SQL语义,但由于 ...

  3. Junit初级应用实例

    Request: public interface Request { String getName(); } Response: public interface Response { String ...

  4. 【机器学习理论】换底公式--以e，2，10为底的对数关系转化

    我们在推导机器学习公式时,常常会用到各种各样的对数,但是奇怪的是--我们往往会忽略对数的底数是谁,不管是2,e,10等. 原因在于,lnx,log2x,log10x,之间是存在常数倍关系. 回顾学过的 ...

  5. struct模块(用于对象的压缩)

    6.27自我总结 struct模块 1.struct模块中的函数 函数 return explain pack(fmt,v1,v2-) string 按照给定的格式(fmt),把数据转换成字符串(字节 ...

  6. Hadoop值Partition分区

    分区操作 为什么要分区? 要求将统计结果按照条件输出到不同文件中(分区).比如:将统计结果按 照手机归属地不同省份输出到不同文件中(分区) 默认 partition 分区 /** 源码中:numRed ...

  7. C#3.0新增功能10 表达式树 05 解释表达式

    连载目录    [已更新最新开发文章,点击查看详细] 表达式树中的每个节点将是派生自 Expression 的类的对象. 该设计使得访问表达式树中的所有节点成为相对直接的递归操作. 常规策略是从根节点 ...

  8. 成为高级 React 开发你需要知道的知识点

    简评:除了常见的 HOC 和 RenderProp 技巧,作者介绍了 7 个有用的知识点. 使用 Fragment 而不是 div 很多时候我们想要处理多个 component,但是 render 只 ...

  9. mysql协议分析2---认证包

    主人看到navicat和mysql在那嘻嘻哈哈,眉来眼去的,好不快乐,忽然也想自己写个程序,直接去访问Mysql,虽然现在已经有很多现成的中间件可以直接拿来用了,程序只要负责写sql语句就行了,但是主 ...

  10. 深入理解Java中的AQS

    AQS概述 ​ AbstractQueuedSynchronizer抽象队列同步器简称AQS,它是实现同步器的基础组件,juc下面Lock的实现以及一些并发工具类就是通过AQS来实现的,这里我们通过A ...