HTML5标签的使用和作用

     在菜鸟教程中找了一些关于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>不同的语气,样子上有不同的差异,有些区别,比如说这段文字表示了讽刺,文法与其他的不一样啊。

 

原文地址:https://www.cnblogs.com/mmit/p/11237414.html