zoukankan      html  css  js  c++  java
  • html结构以及head标签

    编辑本页

    HTML文档结构

     

    heml注释:

    <!--注释内容-->
    • 注释不能嵌套
    • 只是不能写在HTML标签中
    <!--文档类型 标记该文档为html文件-->
    <!DOCTYPE html>
    <!--页面根节点-->
    <html lang="en"><!--双闭合标签-->
        <head>
            <!--容器,包含style,title,meta,script,link等标签-->
    
            <!--声明头部元信息,对文档规定编码格式-->
            <meta charset="UTF-8" />
            <title>Title</title>
        </head>
        <body>
            <!--包含浏览器显示的内容标签,dvi,p,a,img,input等-->
            这是我们的文档结构
        </body>
    </html>
    View Code

     html结构脑图

    html标签

    • lang="en",默认语言

    head标签

    描述文档的各种信息,包括文档标题,编码,url等信息,大部分用于提供索引,辨认或其他应用,如移动端

    title

    文档标题

    meta

    • http-equiv
      <!--重定向2秒后跳转到对应的网站-->
      <meta http-equiv="refresh" content="2;url=http://www.jd.com">
      <!--指定文档内容类型和编码类型-->
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
      <!--告知IE浏览器以最高级模式渲染-->
      <meta http-equiv="x-ua-compatible" content="IE=edge">
    • name:关键字和描述,用于优化搜索引擎,多个关键字用逗号分隔
      <!--SEO优化-->
      <meta name="keywords" content="meta,html,meta总结,meta属性">

    link:引用外部样式表

    <link rel="stylesheet" type="text/css" href="01html文档结构.html">
    • rel:样式片
    • type:文档类型
    • href:连接地址

    定义网站图标

    <!--定义网站图标-->
    <link rel="icon" href="fav.ico">

    style:定义内部样式表

    <style type="text/css">
        <!--内部样式表-->
    </style>
    • type:文档类型

    script:定义内部脚本文件

    • type:文档类型,定义内部脚本文件
      <script type="text/javascript">
          <!--定义内部脚本文件-->
      </script>
    • src:连接外部脚本文件
      <!--连接外部脚本文件-->
      <script src="02meta.js"></script>
  • 相关阅读:
    约瑟夫问题的JAVA实现(借鉴别人的代码+自己分析理解)
    ubuntu 与windows双系统记录
    重装windows7
    浏览器专题之缓存url请求
    js实现函数重载
    用python实现网上书店
    flex与bison应用实例
    前端小游戏之拼图功夫熊猫
    细说javascript的对象
    [LeetCode 1712] Ways to Split Array Into Three Subarrays
  • 原文地址:https://www.cnblogs.com/yaya625202/p/9124258.html
Copyright © 2011-2022 走看看