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

    html的简介 HyperText Markup Language(超文本标记语言) 网页语言- 超文本:超出文本...

  • (HTML-1)

    浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层分别是:HTML、CSS、JavaS...

  • html-1

    一.浏览器打开网页产生乱码的原因的原因以及解决方法 产生原因 :网页产生乱码的根本原因是编写网页文件后保存的编码格...

  • HTML-1

    1、网页乱码的问题是如何产生的?怎样解决? i.网页乱码是因为写入网页时所保存的编码格式与浏览器解析时所用的解码格...

  • HTML-1 笔记

    Windows 常用快捷键Web标准单标签双标签锚点标签Sublime常用快捷键

  • 前端笔记--HTML-1

    html基本结构: 在html中,标题是通过h1~h6等标签进行定义。请仅仅把标题标签用于标题文本。不要仅仅为了产...

  • 前端基础-HTML-1

    HTML基本结构: http-equiv=“Content-Type” 文档类型content=“text/htm...

  • 前端规范之HTML-1

    语法 1) 缩进使用soft tab(4个空格); 2)嵌套的节点应该缩进; 3)在属性上,使用双引号,不要使用单...

  • 关于HTML-1:常用标签的汇总

    HTML标签分类 在HTML页面中,带有“< >”符号的元素被称为HTML标签,如上面提到的 、 、 都是HTM...

网友评论

    本文标题:HTML-1

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