HMTL知识点

一、HTML、XML、XHTML 的区别

HTML

• HyperText Markup Language，超文本标记语言
• 浏览器可以读取，并将其渲染成可视化网页
• 包含HTML标签和纯文本
• 语法松散不严格

XML

• EXtensible Markup Language，可扩展标记语言
• 作为传输数据，而非显示数据
• 需要自行定义标签
• 具有自我描述性

XHTML

• 可扩展超文本语言
• 是HTML与XML的结合，包含了所有与XML语法结合的HTML4.01元素
• 语法严格

二、理解 HTML 语义化

• 标签名自带特定含义，（如
  ），更容易理解
• 有利于SEO，帮助爬虫获取更多有效信息（爬虫是依赖于标签来确定上下文和各个关键字的权重）
• 方便其他设备的解析
• 便于开发维护

三、内容与样式分离的原则

内容放在html，样式放在css，html内不允许出现属性样式，尽量不出现行内样式，使文档清洗易读，易维护

四、常见的meta标签

meta标签提供关于HTML文档的元数据，用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键字），或其他WEB服务

SEO优化

1. 页面关键字

不超过874个字

2. 页面描述

不超过150个字

3. 搜索引擎索引方式

robotterms是一组使用逗号分隔的值

4. 页面重定向和刷新

content内的数字代表时间（秒），即多久后刷新。如果加url则会重定向到指定网页

5. 其他

移动设备

1. viewport

优化移动浏览器的显示。如果不是响应式网站，不要使用initil-scale或者禁用缩放。大部分4.7-5寸宽为360px，5.5存为400px，iphone6为375px，iphone6 plus为414px

2. webApp全屏模式：伪装app，离线应用

3. 忽略数字自动识别为电话号码

4. 忽略识别邮箱

5. 其他

网页相关

1. 编码格式

2. 优先使用ie最新版和chrome

3. 浏览器内核控制：国内浏览器多是双内核（webkit和trident）

五、文档声明的作用?严格模式和混杂模式指什么? 的作用?

文档声明的作用：告诉浏览器html文件的版本，以何种方式渲染

严格模式：标准模式，统一方式渲染页面；

混杂模式：允许浏览器用自己的方式渲染页面

的作用：告诉浏览器用html5的方式渲染

六、浏览器乱码的原因是什么？如何解决

页面编码方式出错，出现了英文以外的字符不能正确显示。设置

七、常见的浏览器有哪些，什么内核

浏览器	内核
IE, Maxthon, TT	Trident
Firefox	Geckos
Opera	Presto
Safari, Chrome	Webkit
Chrome28+, Opera15+	Blink

八、列出常见的标签，并简单介绍这些标签用在什么场景

1. h1-h6 标题

2. p 段落。大段文字

3. a 链接。跳转到其他地址

百度一下
关于
课程

4. img 图片。自闭合
5. div 块
6. ul,li 无序列表

7. ol,li 有序列表表

8. dl,dt,dd|定义描述。标题，内容

9. button 按钮
10. em 强调的内容,斜体
11. strong 重要强调
12. iframe 嵌入页面。要注意跨域

13. table 用于展示表格，不能用来做布局

14. i 斜体。表示和正文不同的文本，例如专业术语，外语短语或排版文字
15. mark 高亮文本
16. section 文档的一个区域
17. artical 文档，页面，应用或网站中的独立结构，可能是帖子，新闻，博客，评论，交互式组件