任务4-HTML1

作者: 饥人谷_百无一用是书生 | 来源:发表于2016-08-04 15:00 被阅读0次

    问答

    1.网页乱码问题

    我一直很讨厌gbk! 为了节约那么一点点空间放弃了通用性,还是utf-8比较合适

    乱码就是字符编码设置不当造成的,个人认为用utf-8就是了

    2.颜色

    应该就是九种写法

    关键字颜色 #RRGGBB \ #RGB rgb() hsl() rgba() hsla() currentColor transparent rebeccapurple

    红色写法

      red
      #ff0000
      #f00
      rgb(255,0,0)
    

    绿色写法

    green
    #008000
    #080
    rgb(0,128,0)
    

    蓝色写法

    blue
    #0000FF
    #00f
    rgb(0,0,255)
    

    白色写法

    write
    #FFFFFF
    #FFF
    rgb(255,255,255)
    

    黑色写法

    black
    #000000
    #000
    rgb(0,0,0)
    

    黑色透明写法

    .xxx{
          color:rgb(0,0,0,0.x);  
          <!--   0.x代表透明度-->
          }
    .xxx2{
            color:#000;
            opacity:0.x;
             <!--   0.x代表透明度-->
          }
    

    3. <!doctype html> 的作用是什么

    声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。
    document.compatMode: BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
    这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,
    这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。
    如果你的页面添加了<!DOCTYPE html>那么,那么就等同于开启了标准模式,那么浏览器就得老老实实的按照W3C的
    标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。
    这就是<!DOCTYPE html>的作用。
    ps.(个人以为就是让浏览器知道是h5的标准)

    4.严格模式和混杂模式指什么

    严格模式:按照确定的规范渲染页面
    混杂模式:以向下兼容的模式渲染页面

    5.meta 有什么作用,常见的值有哪些

    <meta>元素可提供有关页面的元信息

    5.1. name标签
    <meta name="keywords" content="HTML,ASP,PHP,SQL">
    

    提供给搜索引擎的关键词,用作seo等

    5.2.http-equiv 属性

    http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
    当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

    页面代码

    <meta http-equiv="charset" content="iso-8859-1">
    <meta http-equiv="expires" content="31 Dec 2008">
    

    浏览器接受到的头信息

    content-type: text/html
    charset:iso-8859-1
    expires:31 Dec 2008
    
    5.3.content 属性

    content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
    content 属性始终要和 name 属性或 http-equiv 属性一起使用。

    5.4.scheme 属性

    scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。

    6.

    <meta http-equiv="X-UA compatible"content="IE=edge,chrome=1"
    

    有什么作用

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

    Edge 模式告诉 IE以最高级模式渲染文档,也就是任何 IE版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE就用什么版本的标准模式渲染

    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    

    使用以下代码强制 IE 使用 Chrome Frame 渲染

    Goole Chrome浏览器内嵌框架是一个开放源代码插件,可将谷歌浏览器的开放网络技术和快速JavaScript引擎与Internet Explorer无缝结合。

    ps.微软的ie业界毒瘤阿

    7.常见的浏览器有哪些,什么内核

    常见浏览器
    opera chrome firefox edge(ie已死) 360浏览器 腾讯浏览器
    uc浏览器 猎豹浏览器 (各种套壳浏览器等等)
    浏览器分三类,套ie壳的,套第三方内核所谓双核(三核)浏览器,自己研发内核默默付出的

    一、Trident内核代表产品Internet Explorer
    二、Gecko内核代表作品Mozilla
    三、WebKit内核代表作品Safari、Chromewebkit 是一个开源项目
    四、Presto内核代表作品OperaPresto是由Opera Software开发的浏览器排版引擎,供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎,包括加入动态功能,例如网页或其部分可随着DOM及Script语法的事件而重新排版。(现在opera也投入了chrome的怀抱)

    本教程版权归freeidea和饥人谷所有,转载须说明来源

    相关文章

      网友评论

        本文标题:任务4-HTML1

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