美文网首页
任务4---有哪些常见的meta标签

任务4---有哪些常见的meta标签

作者: mhy_web | 来源:发表于2017-07-04 10:27 被阅读0次

    问题:
    有哪些常见的meta标签
    文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
    浏览器乱码的原因是什么?如何解决
    常见的浏览器有哪些,什么内核
    列出常见的标签,并简单介绍这些标签用在什么场景

    <meta> 标签永远位于 head 元素内部。

    1. <meta charset='xxx'>:告诉浏览器页面的代码是用的xxx编码方式。

    <meta>标签有两个属性name和http-equiv。下面对这两个属性的常见值进行列举:
    http-equiv属性:<meta http-equiv='参数' content='参数变量值'>
    1.<meta http-equiv=”Set-Cookie” content=”cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/”>:如果网页过期,那么存盘的cookie将被删除。必须使用GMT的时间格式。2.<meta http-equiv='expires' content='时间' >:用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。3.<meta http-equiv=”Refresh” content=”5;URL”>:告诉浏览器在【数字】秒后跳转到【一个网址】4.<meta http-equiv=”content-Type” content=”text/html; charset=utf-8″>:设定页面使用的字符集。 <meta charset=”utf-8″>:在HTML5中设定字符集的简写写法。5.<meta http-equiv=”Pragma” content=”no-cache”>:禁止浏览器从本地计算机的缓存中访问页面内容。访问者将无法脱机浏览。6.<meta http-equiv=”Window-target” content=”_top”>:用来防止别人在iframe(框架)里调用自己的页面,这也算是一个非常实用的属性。7.<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'> :强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果是ie浏览器就用最新的ie渲染,如果是双核浏览器就用chrome内核。

    name属性: <meta name='参数' content='具体的参数值'>
    1.<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>:在移动设备浏览器上,禁用缩放(zooming)功能,用户只能滚动屏幕。2.<meta name=”description” content=””>:告诉搜索引擎,当前页面的主要内容是xxx。3.<meta name=”keywords” content=””>:告诉搜索引擎,当前页面的关键字。4.<meta name=”author” content=””>:告诉搜索引擎,标注网站作者是谁。5.<meta name=”copyright” content=””>:标注网站的版权信息。

    3、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
    1)文档声明的作用
      浏览器分为两种模式,一种是严格模式,一种是混杂模式,这两种模式就是是通过doctype的定义来区分。
    什么是doctype
      doctype是一种标准通用标记语言的文档类型声明,目的是告诉浏览器要使用什么样的文档类型定义(DTD)来解析文档,doctype 最早是xml的概念,在xml中它的定义是通过一种特定的语法,作为一种元数据,来描述xml文档中允许出现的元素,以及各元素的组成,规则等。
    2)严格模式和混杂模式是什么
      doctype在html中的作用是触发浏览器的标准模式,如果html中省略了doctype,浏览器会进入到混杂模式的状态也称之为兼容模式。  在这种模式下有些样式,布局会和标准模式(或称严格模式)存在差异。标准,DOM标准只规定了标准模式下的行为,没有对兼容模式做出规定,因此不同浏览器在兼容模式下的处理也是不同的,应用兼容模式比较困难,所以需要慎用。
    过渡的(Transitional,也叫混杂模式):要求比较宽松,允许继续使用HTML4.01的标识,完整声明为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tranisitional.dtd">
    严格的(Strict):要求严格的DTD,不能使用任何表现层的标识和属性,完整声明为<!DOCTYPE html PUBLIC "-W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    框架的(Frameset):专门针对框架页面设计使用的DTD,如果页面中包含有框架,可以采用DTD,完整声明为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    3)<!doctype html> 的作用
    <!doctype html>是html5的文档声明。浏览器解析时到底使用严格模式还是混杂模式,与网页中的 DTD 直接相关。HTML5中没有了DTD,所以两者也没了区别,文档声明也简化成了<!doctype html>。
    参考:http://hahaxiao.techweb.com.cn/archives/393.htmlhttp://www.zhoulujun.cn/zhoulujun/html/webfront/SGML/htmlBase/2016_0408_7747.html
    本文章著作权归饥人谷_huangyh_max和饥人谷所有,转载须说明来源!

    常见的浏览器有chrom、firefox、IE

    一、常见的浏览器全球排行榜,IE占第一位,老牌浏览器,不过市场占有率逐步下滑, 第二是Mozilla Firefox,非IE内核的它迅速占有着IE的市场份额,强大无比的扩展插件是它一大特色,这也是我选用它的一个原因。 第三是Google Chrome,包含普通版还有极速版等,窗口较为简洁清爽,实际使用效果还是可以的。 还有像opera还是相当实用的 360,TT,搜狗,遨游,瑞影,hotbrowser,等等二、浏览器内核Trident****Trident:IE浏览器使用的内核,该内核程序在1997年的IE4中首次被采用,是微软在Mosaic代码的基础之上修改而来的,并沿用到目前的IE8。Trident实际上是一款开放的内核,其接口内核设计的相当成熟,因此才有许多采用IE内核而非IE的浏览器涌现(如 Maxthon、The World 、TT、GreenBrowser、AvantBrowser等)。此外,为了方便也有很多人直接简称其为IE内核(当然也不排除有部分人是因为不知道内核名称而只好如此说)。Gecko****Gecko:Netscape6开始采用的内核,后来的Mozilla FireFox也采用了该内核,Gecko的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。因为这是个开源内核,因此受到许多人的青睐,Gecko内核的浏览器也很多,这也是Geckos内核虽然年轻但市场占有率能够迅速提高的重要原因。PrestoPresto: 目前Opera采用的内核,该内核在2003年的Opera7中首次被使用,该款引擎的特点就是渲染速度的优化达到了极致,也是目前公认网页浏览速度最快的浏览器内核,然而代价是牺牲了网页的兼容性。Webkit****Webkit:苹果公司自己的内核,也是苹果的Safari浏览器使用的内核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎,均是从KDE的KHTML及KJS引擎衍生而来,它们都是自由软件,在GPL条约下授权,同时支持BSD系统的开发。所以Webkit也是自由软件,同时开放源代码。在安全方面不受IE、Firefox的制约,所以Safari浏览器在国内还是很安全的。KHTML****KHTML:KHTML,是HTML网页排版引擎之一,由KDE所开发。KDE系统自KDE2版起,在档案及网页浏览器使用了KHTML引擎。该引擎以C++编程语言所写,并以LGPL授权,支援大多数网页浏览标准。由于微软的Internet Explorer的占有率相当高,不少以FrontPage制作的网页均包含只有IE才能读取的非标准语法,为了使KHTML引擎可呈现的网页达到最多,部分IE专属的语法也一并支援。KHTML拥有速度快捷的优点,但对错误语法的容忍度则比Mozilla产品所使用的Gecko引擎小。多种内核傲游浏览器3傲游浏览器3.0是国内首先尝试使用Webkit与Trident双核心的浏览器。Webkit核心将使你打开网页的速度更快,Trident核心则会带给你更好的兼容性支持。除此之外,傲游3.0目前还包括智能填表、智能地址栏、弹窗过滤、在线收藏等功能。
    QQ浏览器6.11
    QQ浏览器6.11是腾讯公司推出的新一代浏览器,使用极速(Webkit)和普通(Trident)双浏览模式,设计了全新的界面交互及程序框架,目的是为用户打造一款快速、稳定、安全、网络化的优质浏览器。
    搜狗高速浏览器
    *搜狗浏览器,搜狐出品,使用高速(webkit)和兼容(Trident)双浏览模式,保证良好兼容性的同时极大提升网页浏览速度。当采用高速模式访问网页出现问题时,可点击地址栏旁边的内核按钮直接切换内核,使用兼容性更佳的兼容模式正常浏览网页。

    常见的标签

    <html></html>此标签是html网页标签,网页内容全部在此标签内部
    <div><div/>盒子标签,是块标签,快标签独占一行,通常用于网页布局
    <a>引用标签,超链接
    <span></span>行标签,行标签不换行
    <p></p>段落标签,表示一个段落
    <footer></footer>脚部标签,为html5的新标签,用于网页脚部
    <header></header>html5标签,表示网页标题
    <images></images>图片插入标签
    <input>插入标签,通常用于插入文本,button,等
    <ul></ul><li></li>等,表格标签

    相关文章

      网友评论

          本文标题:任务4---有哪些常见的meta标签

          本文链接:https://www.haomeiwen.com/subject/yipthxtx.html