任务4
2017-09-22 本文已影响0人
饥人谷_严琰
HTML、XML、XHTML 有什么区别
- html即是超文本标记语言（Hyper Text Markup Language），是最早写网页的语言，但是由于时间早，规范不是很好，大小写混写且编码不规范；
- xhtml即是升级版的html（Extensible Hyper Text Markup Language），对html进行了规范，编码更加严谨纯洁，也是一种过渡语言，html向xml过渡的语言；
- xml即时可扩展标记语言（Extensible Markup Language），是一种跨平台语言，编码更自由，可以自由创建标签。
html与xhtml之间的区别：可以参考这个网页：http://www.dreamdu.com/xhtml/html_xhtml/
1、xhtml对比与html，xhtml文档具有良好完整的排版，体现在两方面：a、元素必须要有结束标签；b、元素必须嵌套；
2、对于html的元素和属性，xhtml必须小写，因为xml是严格区分大小写的，<li>和<LI>是不同的标签；
3、xhtml的属性值必须在引号之中；
4、xhtml不支持属性最小化，什么是属性最小化了？ 正确:非最小化属性(unminimized attributes) <input checked="checked"> 不正确:最小化属性(minimized attributes) <input checked>
5、 在xhtml中，name属性是不赞成使用的，在以后的版本中将被删除。
怎样理解 HTML 语义化
1. 什么是HTML语义化？
根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
2. 为什么要语义化？
- 为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；
- 用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
- 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
- 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
- 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
怎样理解内容与样式分离的原则
内容与样式 的分离即：
- 写 HTML 仅处理内容，只考虑 HTML 的结构和语义化，避免出现属性样式。
- 写 JS 的时候，尽量不使用 JS直接操作样式。
- 页面展现的所有样式，都由CSS来负责实现。
有哪些常见的meta标签
| 标签 | 含义 |
|---|---|
<mata charset="utf-8"> |
声明文档使用的字符编码 |
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> |
声明文档兼容模式，指示IE以目前可用的最高模式显示内容 |
<meta name="keywords" content="your tags"> |
定义针对搜索引擎的关键词 |
<meta name="description" content="不超过850个字符"> |
页面描述，告诉搜索引擎你的站点的主要内容 |
<<meta name="author" content="你的姓名"> |
定义网页作者 |
<meta name="revised" content="David, 2008/8/8/" /> |
定义页面的最新版本 |
<meta http-equiv="refresh" content="5"/> |
5秒刷新一次页面 |
<meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> |
用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式 |
<meta http-equiv="pragma" content="no-cache"> |
禁用缓存 |
<meta http-equiv="set-cookie" content="Mon, 12 May 2001 00:20:00 GMT"> |
cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也必须使用GMT时间格式。 |
<meta name="robots" content="index,follow" /> |
搜索引擎索引方式 |
文档声明的作用?严格模式和混杂模式指什么?<!doctype html>
- <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令
- 严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。
- 混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。
- 如何区分：浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直接相关。
浏览器乱码的原因是什么？如何解决
产生乱码的原因一般是文档没有声明自身的编码导致浏览器错误地使用了与文档不同的解码方式，从而导致内容无法正常显示一定要清楚文件保存时的编码方式并在文件内声明.
常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| Internet Explorer | Trident内核（IE内核） |
| Firefox | Gecko |
| Opear、chorme | Blink |
| Safari、遨游、 | Webkit |
| 360安全浏览器 | 1.0-5.0为Trident，6.0为Trident+Webkit，7.0为Trident+Blink |
| 猎豹安全浏览器 | 1.0-4.2版本为Trident+Webkit，4.3及以后版本Trident+Blink |
| 搜狗高速浏览器 | 1.x为Trident，2.0及以后版本为Trident+Webkit |
列出常见的标签，并简单介绍这些标签用在什么场景
| 标签 | 场景 |
|---|---|
head标签 |
页面的头部，位于<html></html>之间 |
body标签 |
页面身体部分，位于<head></head>之间 |
<h1>~<h6>标签 |
页面的标题 |
p标签 |
记录一大段文字 |
div标签 |
主要用来为HTML文档内大块的内容提供结构和背景 |
ul标签 |
无序列表 |
ol标签 |
有序列表 |
a标签 |
超链接 |
img标签 |
用来引入图片 |
