zoukankan      html  css  js  c++  java
  • 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>不同的语气,样子上有不同的差异,有些区别,比如说这段文字表示了讽刺,文法与其他的不一样啊。

     

  • 相关阅读:
    __weak&__block&__unsafe__unretain
    Unable to convert MySQL date/time value to System.DateTime 错误
    做最好的自己,人生十件事(事业,人生,情感)
    52张扑克牌的Suit(花色)和Rank(牌面大小)排序算法
    windows service在服务器上部署时的问题
    "Unable to compile template. Check the Errors list for details" 问题解决办法
    Javascript中的一些自有方法
    winform中的webbrowser里面操作html代码问题
    Javascript,Jquery实现页面图片预加载百分比展现
    【delphi XE 】 Margin属性 转
  • 原文地址:https://www.cnblogs.com/mmit/p/11237414.html
Copyright © 2011-2022 走看看