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

     

  • 相关阅读:
    标签的讲解
    属性分类
    LeetCode 003. 无重复字符的最长子串 双指针
    Leetcode 136. 只出现一次的数字 异或性质
    Leetcode 231. 2的幂 数学
    LeetCode 21. 合并两个有序链表
    象棋博弈资源
    acwing 343. 排序 topsort floyd 传播闭包
    Leetcode 945 使数组唯一的最小增量 贪心
    Leetcode 785 判断二分图 BFS 二分染色
  • 原文地址:https://www.cnblogs.com/mmit/p/11237414.html
Copyright © 2020-2023  润新知