zoukankan      html  css  js  c++  java
  • html- 头部元素

    一:HTML <head> 元素

    <head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。

    以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>

    二:HTML <title> 元素

    <title> 标签定义文档的标题。

    title 元素在所有 HTML/XHTML 文档中都是必需的。

    title 元素能够:

    • 定义浏览器工具栏中的标题
    • 提供页面被添加到收藏夹时显示的标题
    • 显示在搜索引擎结果中的页面标题

    三:HTML <link> 元素

    <link> 标签定义文档与外部资源之间的关系。

    <link> 标签最常用于连接样式表:

    四:HTML <style> 元素

    <style> 标签用于为 HTML 文档定义样式信息。

    您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式

    五:HTML <script> 元素

    <script> 标签用于定义客户端脚本,比如 JavaScript。

    我们会在稍后的章节讲解 script 元素

    六:Meta(metadata information)

        提供有关页面的元信息,例:页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词

      1. 页面编码(告诉浏览器是什么编码)

            < meta http-equiv=“content-type” content=“text/html;charset=utf-8”>

          2.刷新和跳转

            < meta http-equiv=“Refresh” Content=“30″>

            < meta http-equiv=”Refresh“ Content=”5; Url=http://www.autohome.com.cn“ />

          3关键词

            < meta name="keywords" content="星际2,星际老男孩,专访,F91,小色,JOY" >

          4.描述

            例如:

            <meta name="descrtions" content="测试代码"/>

          6.X-UA-Compatible

            微软的IE6是通过XP、Win2003等操作系统发布出来,作为占统治地位的桌面操作系统,也使得IE占据了通知地位,许多的网站开发的时候,就按照IE6的标准去开发,而IE6自身的标准也是微软公司内部定义的。到了IE7出来的时候,采用了微软公司内部标准以及部分W3C的标准,这个时候许多网站升级到IE7的时候,就比较痛苦,很多代码必须调整后,才能够正常的运行。而到了微软的IE8这个版本,基本上把微软内部自己定义的标准抛弃了,而全面的支持W3C的标准,由于基于对标准彻底的变化了,使得原先在早期IE8版本上能够访问的网站,在IE8中无法正常的访问,会出现一些排版错乱、文字重叠,显示不全等各种兼容性错误。

              与任何早期浏览器版本相比,Internet Explorer 8 对行业标准提供了更加紧密的支持。 因此,针对旧版本的浏览器设计的站点可能不会按预期显示。 为了帮助减轻任何问题,Internet Explorer 8 引入了文档兼容性的概念,从而允许您指定站点所支持的 Internet Explorer 版本。 文档兼容性在 Internet Explorer 8 中添加了新的模式;这些模式将告诉浏览器如何解释和呈现网站。 如果您的站点在 Internet Explorer 8 中无法正确显示,则可以更新该站点以支持最新的 Web 标准(首选方式),也可以强制 Internet Explorer 8 按照在旧版本的浏览器中查看站点的方式来显示内容。 通过使用 meta 元素将 X-UA-Compatible 标头添加到网页中,可以实现这一点。

            当 Internet Explorer 8 遇到未包含 X-UA-Compatible 标头的网页时,它将使用 指令来确定如何显示该网页。 如果该指令丢失或未指定基于标准的文档类型,则 Internet Explorer 8 将以 IE5 模式(Quirks 模式)显示该网页。更多

          <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

        

      <meta http-equiv="X-UA-Compatible" content="IE=4">   <!-- IE5 mode -->
      <meta http-equiv="X-UA-Compatible" content="IE=7.5" > <!-- IE7 mode -->
      <meta http-equiv="X-UA-Compatible" content="IE=100" > <!-- IE8 mode -->
      <meta http-equiv="X-UA-Compatible" content="IE=a" >   <!-- IE5 mode --> 
  • 相关阅读:
    异常处理
    泛型介绍
    Echart可视化学习(十)
    终Echart可视化学习(十二)
    Echart可视化学习(九)
    Echart可视化学习(十一)
    Ubuntu版本介绍
    大数据量分页存储过程效率测试附代码
    把 ubuntu linux 装入移动硬盘,并在不同电脑上运行
    后来才知道linux中的0、1、2、4、+、、u、g、o、a、=、r、w、x、d、、l、s、p、c、b非常重要
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/7507354.html
Copyright © 2011-2022 走看看