• 技术文章 >web前端 >html教程

    HTML中头部标签的用法

    一个新手一个新手2017-10-23 10:20:56原创1092
    <header>

    head 元素包含了所有的头部标签元素,可以添加在头部区域的元素标签为:

    <title>、<style>、<meta>、<link>、<script>、<noscript>、<base>

    下面将一一解释各标签的作用

    <title>

    1. 用于定义不同文档的标题

    2. 定义浏览器工具栏的标题

    3. 当网页添加至收藏夹,显示在收藏夹中的标题

    4. 显示在搜索引擎结果页面的标题


      eg: <title> 我是标题 </title>

    <base>

      标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。


     eg: <base href="www.beck.ren/images/" target="_blank"></base>

    <link>

      标签定义了文档与外部资源之间的关系,通常用于链接样式表。


      eg: <link type="text/css" href="../index.css">

    <style>

      标签定义了HTML文档的样式文件引用地址.内容指定样式渲染HTML文档


    eg: <style> *{ margin:0; padding: 0; } <style>   //css写法
    <meta>
    1. meta 标签描述基本的元数据

    2. 浏览器会解析标签提供的元数据,但元数据不会显示在页面上

    3. meta 元素通常用于指定网页的 "描述"、"关键词"、"文件的最后修改时间"、"作者"、......

    4. 元数据可以告诉浏览器(如何显示内容或重新加载页面)及搜索引擎(关键词),及其他 web 服务


    eg:
        //定义关键字
        <meta name="keywords content="HTML, CSS, XML, XHTML, JavaScript"">
        //定义描述内容
        <meta name="description" content="Free Web tutorials on HTML and CSS">
        //定义作者
        <meta name="author" content="Hege Refsnes">
        //定义每30秒刷新当前页面
        <meta http-equiv="refresh" content="30">

    <script>

      标签定义了 HTML 文档的 JS 文件引用地址.


    eg: <script src="loading.js"></script>

    以上就是HTML中头部标签的用法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:HTML 用法 头部
    上一篇:Ionic构建侧边栏 轮播图 加载动画的方法 下一篇:关于BFC与高度塌陷的问题
    大前端线上培训班

    相关文章推荐

    • html怎么设置元素不可见• html怎么设置表格标题• html图片的透明度怎么设置• html怎么去掉input边框• html div怎么设置大小

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网