HTML,XML,XHTML的区别
- HTML,超文本标记语言,语法比较松散,不严格的Web语言。
- XML,可扩展标记语言,主要用于存储数据和结构,可扩展。
- XHTML,可扩展超文本标记语言,基于XML,作用与HTML类似,但是语法更加严格。
怎样理解HTML语义化
简单讲就是根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
HXML语义化的好处
- 清晰的页面结构。
- 支持更过的设备。
- 有利于SEO
- 便于团队开发和维护。
怎么样理解内容与样式分离的原则
一个网页分为三个部分:HTML是结构,CSS是表现,Javascrip是行为。内容也就是HTML,样式也就是CSS。所以内容与样式的分离就是指网页编码的过程中,要将HTML,CSS两大部分分开。
- 写HTML的时候先不管样式,重点放在HTML的结构和语义化上,让HTML能体现页面结构或者内容。之后再去写样式。
- 写JS的时候尽量不要用JS去直接操作样式,而是通过给元素添加删除class来控制样式变化。
- HTML内不允许出现属性样式,尽量不要出现行内样式。
有那些常见的meta标签
- 申明编码
<meta charset='utf-8' />
- 优先使用IE最新版本和Chrome
<meta http-equiv="X-UA-Compatible" >content="IE=edge,chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=6" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
- 浏览器内核控制
<meta name="renderer" content="webkit|ie-comp|ie-stand">
- 禁止浏览器从本地计算机的缓存中访问页面内容
<meta http-equiv="Pragma" content="no-cache">
文档声明的作用?
文档申明是为了告诉浏览器,你的HTML文档是用的什么版本的HTML来写的,这样浏览器才能按照你声明的版本来正确的解析你的HTML文档。
严格模式和混杂模式指什么?
- 严格模式(推荐)现在也称为标准模式,在该模式下,浏览器回严格按照HTML和CSS标准来解析,渲染你的文档。
- 混杂模式(不推荐)的又来是一个历史问题,在给互联网早期,网页一般写成两个版本:一个写给网景公司的Navigator浏览器,一个写给微软公司的IE浏览器。当W3C指令了Web标准后,这两个浏览器不能马上开始按标准来解析渲染页面,因为会破话但是大部分页面的效果。所以各浏览器就引入了混杂模式,在该模式下浏览器会模拟Navigator4和IE5的非标准行为来解析渲染页面,这样做就是为了兼容在W3C标准出现之前就存在的那些“不标准”的页面。
<!doctype html> 的作用?
<!doctype html> 的作用就是让浏览器进入标准模式,使用最新的HTML5标准来解析渲染页面:如果不写,浏览器就会进入混杂模式,而这是我们要避免的。
浏览器乱码的原因是什么?如何解决
下面这个是我们写入文件到展示文件的一个简单过程
- 我们使用编辑器编写HTML文件.
- 保存编写的HTML文件。
- 使用浏览器打开HTML文件。
- HTML文件在浏览器展示。
如果我们在我们编写 HTML 文件时,如果在<html>中指定了<meta charset="gbk">,设定字符集为gbk,然后保存 HTML 文件时,编辑器用 utf-8字符集保存。接着浏览器打开HTML文件时,它看到<meta charset="gbk">,这时候它就会用gbk字符集来解码你的HTML文档
由于utf-8和gbk对中文的编码方式不一样,那么HTML文件在浏览器中显示示出来肯定是乱码。
所以编辑器保存文档使用的字符集一定要跟 HTML 文档指定的字符集匹配
常见的浏览器有哪些,什么内核
浏览器 | 内核 |
---|---|
Internet Explorer | IE内核 |
Firefox | Gecko |
Opear | Presto |
Safari&Chromr | Webkit |
国内大部分浏览器 | IE内核 |
列出常见的标签,并简单介绍这些标签用在什么场景
标签 | 使用场景 |
---|---|
a | 超链接 |
h1-h6 | 标题 |
button | 按钮 |
div | 块级元素 |
img | 图片 |
form | 表格 |
p | 段落 |