HTML知识点1

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

产生原因:乱码产生的根本原因是因为你保存的编码格式和浏览器解析的解析格式不匹配导致的。乱码一般以英文以外的字符出现。
解决方式:文件保存的时候要清楚是用哪种编码方式保存的,要保证html保存的编码格式与浏览器的解析格式一致。可以写代码时在html中加入meta charset编码标签加以说明。例如如果文件的保存编码格式是“utf-8”格式,那么在html的<head> </head>里面加入<meta charset="utf-8">,告诉浏览器解码这个文件的时候直接使用utf-8解码。

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

1.颜色有3种写法:

颜色 十六进制写法 rgb写法 英文关键字写法
红色 #FF0000 rgb(255,0,0) red
绿色 #00FF00 rgb(0,255,0) green
蓝色 #0000FF rgb(0,0,255) blue
白色 #FFFFFF rgb(255,255,255) white
黑色 #000000 rgb(0,0,0) black

2.透明黑色写法:rgba(0,0,0,0.9),0.9为alpha值,alpha值取0~1之间。alpha值不同表示透明程度不同,数值越大表示越透明。
3.#ccc 表示灰色, #eee表示浅灰色,#333表示深灰色。

灰色.png
浅灰色.png
深灰色.png

三、<!doctype html>的作用是什么?严格模式和混杂模式指什么?

  • doctype意思是document type(文档类型),用来说明你用的HTML或者XHTML是什么版本。作用是告诉浏览器以W3C规定的HTML5标准去渲染页面。
  • 严格模式和混杂模式:
    1、定义:严格模式是浏览器根据W3C标准去解析页面,适用于新的W3C规范下的浏览器。
    混杂模式是一种比较宽松的向后兼容的模式。混杂模式通常模拟老式浏览器的行为,以防止老站点无法工作。 实现IE5.5以下版本的渲染。
    2、模式触发:浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML、HTML 4.01文档包含形式完整的DOCTYPE,那么它一般以严格模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以严格模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。

四、meta 有什么作用,常见的值有哪些?

1、Meta标签是HTML标记HEAD区的一个关键标签,它位于HTML文档的<head>和<title>之间(有些也不是在<head>和<title>之间)。meta除了提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。
2、常见的值:
必须属性与可选属性

Paste_Image.png

五、<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用?

强制浏览器按照最新的标准去渲染,添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架(Chrome Frame)的客户端渲染,对于没有使用的,则没有任何影响。

六、常见的浏览器有哪些,什么内核?

浏览器 内核
IE Trident
Mozilla Firefox Gecko
Google Chrome Webkit
Safari WebKit
Opera Presto

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. HTML、XML、XHTML 有什么区别 HTML被设计用来显示数据,焦点是数据的外观XML被设计用来描述数...
    QQQQQCY阅读 302评论 0 1
  • HTML、XML、XHTML 有什么区别 1.HTML 是用来描述网页的一种语言,指的是超文本标记语言 (Hype...
    饥人谷_牛牛阅读 709评论 0 2
  • 1.什么是HTML? HTML是用来描述网页的一种语言 HTML指的是超文本标记语言(Hyper Text Mar...
    billa_8f6b阅读 308评论 0 1
  • HTML、XML、XHTML有什么区别? XMLXML是The Extensible Markup Languag...
    zx9426阅读 443评论 0 1
  • 1.meta标签 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述...
    姚小帅阅读 350评论 0 1