在菜鸟教程中找了一些关于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. kuangbin专题 专题一 简单搜索 Find a way HDU - 2612

    题目链接:https://vjudge.net/problem/HDU-2612 题意:‘@’表示KTV,‘#’表示无法走的地方,‘Y’,'M’表示两个人,他们要在KTV见面,问他们都到达KTV要花费 ...

  2. 用JAVA打印出棱形

    public class Test { public static void main(String[] args) { //输入行数 print(5); } public static void p ...

  3. Java 读取PDF中的文本和图片

    本文将介绍通过Java程序来读取PDF文档中的文本和图片的方法.分别调用方法extractText()和extractImages()来读取.   使用工具:Free Spire.PDF for Ja ...

  4. TigerGraph入门

    测试机器配置 1G内存,1个核,CentOS Linux release 7.4.1708 (Core)的云主机,一块50G HDD的云主机. 1. 安装 下载了目前最新的开发者版本,下载链接:htt ...

  5. 鸟哥的Linux私房菜笔记第六章（二）

    文件内容查询 直接查询文件内容 查阅一个文件的内容可以使用指令cat/tac/nl. # [cat|tac|nl] 文件 区别: 1.cat是直接把文件内容输出到屏幕上,并且从第一行开始输出到末行 2 ...

  6. [AOP拦截 ]SpringBoot+Quartz Aop拦截Job类中的方法

    ​ 最近在工作使用boot+quartz整合,开发定时调度平台,遇到需要对Quartz的Job进行异常后将异常记录到日志表的操作,第一反应就想到了使用Spring的AOP,利用AfterThrowin ...

  7. Visual Studio 调试（系列文章）

    调试是软件开发过程中非常重要的一个部分,它具挑战性,但是也有一定的方法和技巧. Visual Studio 调试程序有助于你观察程序的运行时行为并发现问题. 该调试器可用于所有 Visual Stud ...

  8. 【MySQL】（五）索引与算法

    本篇文章的主旨是对InnoDB存储引擎支持的索引做一个概述,并对索引内部的机制做一个深入的解析,通过了解索引内部构造来了解哪里可以使用索引. 1.InnoDB存储引擎支持以下几种常见的索引: B+树索 ...

  9. STL 优先队列 用法

    今天做题用到了优先队列 对它的用法还不是很熟悉 现在整理一下. 需要的库 #include<queue> using namespace std; 不过我都用bits/stdc++.h.. ...

  10. vue教程(一)-html使用vue

    前后端分离.微服务框架是当下比较流行的词汇,而vue就是前端框架的佼佼者.下面重点介绍一下vue的用法: vue起步:1.引包    2.启动new Vue({el:目的地,template:模板内容 ...