HTML-1

作者: 王康_Wang | 来源:发表于2016-06-02 15:37 被阅读0次

    1、网页乱码的问题是如何产生的?怎样解决?

    i.网页乱码是因为写入网页时所保存的编码格式与浏览器解析时所用的解码格式不一致造成的。
    同时由于UTF-8、GBK等针对英文的编码方式相同,故纯英文情况下即使编码格式和解码格式不一致也不会出项乱码。
    ii.要解决网页乱码问题,首先要知道文件是用哪种编码格式保存的,并在html的<head>里添加:

    <meta charset="utf-8"/> <!--以utf-8格式保存-->
    

    或者:

    <meta charset="gbk"/> <!--以gbk格式保存-->
    

    2、颜色有几种写法, 红色、 绿色、蓝色、白色、黑色如何表示? 透明黑色如何表示?#ccc的颜色, #eee的颜色? #333的颜色?

    i.在html和css中,颜色有如下几种常见写法:

    • 颜色名称,例如"red","green","blue","white","black"
    • 十六进制颜色值,例如"#ff0000","#008000","#0000ff","#ffffff","#000000"
    • 十进制颜色值,例如
      "reb(255:0:0)","reb(0:128:0)","reb(0:0:255)","reb(255:255:255)", "reb(0:0:0)"

    ii.在css3中,颜色的透明度通过rgba(red,green,blue,alpha)实现,其中alpha取值由0到1颜色透明度由全透明至不透明。例如:

    <!doctype html>
    <html>
    <head>
            <meta charset="utf-8"/>
            <title>颜色透明度</title>
    </head>
    <body>
            <p style="color:rgba(0,0,0,0.3)">
                alpha值为0.3时的黑色
            </p>
            <p style="color:rgba(0,0,0,0.6)">
                alpha值为0.6时的黑色
            </p>
            <p style="color:rgba(0,0,0,0.9)">
                alpha值为0.9时的黑色
            </p>
    </body>
    </html>
    

    实现效果为:

    Paste_Image.png

    iii.当需表示的色彩为web安全色时,可用简化的十六进制表示该颜色(每个字符代表一个十六进制对),例如:

    <!doctype html>
    <html>
    <head>
            <meta charset="utf-8"/>
            <title>颜色透明度</title>
    </head>
    <body>
            <p style="color:#ccc">
                #ccc的颜色
            </p>
            <p style="color:#eee">
                #eee的颜色
            </p>
            <p style="color:#333">
                #333的颜色
            </p>    
    </body>
    </html>
    
    

    实现结果为:

    Paste_Image.png

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

    <!doctype>为浏览器提供一项文档声明,即告知浏览器该文档是用什么版本的html写的。
    <!doctype html>表示该文档是用html5编写的。

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

    • 严格模式(strict mode):浏览器以其支持的最高标准呈现页面;
    • 混杂模式(promiscuous mode):页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。

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

    <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
    <meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

    meta必需的属性:

    content属性
    值:some_text
    描述:定义与 http-equiv 或 name 属性相关的元信息

    meta可选的属性:

    http-equiv
    值:content-type,expires,refresh,set-cookie
    name 属性
    值:author,description,keywords,generator,revised
    描述:把 content 属性关联到一个名称
    scheme属性
    值:some_text
    描述:定义用于翻译 content 属性值的格式

    6.<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"/>有什么作用

    作用是告知浏览器使用最新的内核渲染页面。
    其中"X-UA-Compatible"部分是IE8的专用标记,是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式,以此来解决IE浏览器的兼容问题。

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

    浏览器 内核
    IE Triden
    chrome WebKit
    Opera WebKit
    Safari WebKit
    Firefox Gecko

    相关文章

      网友评论

        本文标题:HTML-1

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