任务四 HTML
HTML、XML、XHTML 有什么区别
- HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
- XML，可扩展标记语言，主要用于存储数据和结构，可扩展；
- XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。
怎样理解 HTML 语义化
语义化HTML是一种编写HTML的方式
选择合适的标签、使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。
我认为HTML语义化有以下目的
- 利于机器识别，方便SEO。
- 利于人的阅读和维护。
- 利于团队协作，减少出错几率。
怎样理解内容与样式分离的原则
在前端中，Html指的是结构；CSS指的是样式；JavaScript指的是行为。
- 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
- HTML 内不允许出现属性样式，尽量不要出现行内样式。
- 写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
有哪些常见的meta标签
| 标签 | 作用 | 用法 |
|---|---|---|
| name=”viewport” | 在移动设备浏览器上，通过为视口（viewport）设置 meta 属性为 user-scalable=no 可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就能让你的网站看上去更像原生应用的感觉。注意，这种方式我们并不推荐所有网站使用，还是要看你自己的情况而定！ | <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”> |
| name=”description” | 这里是网页的描述，是给搜索引擎看的，搜索引擎根据这个描述进行收录排名，一般是网页内的关键字。 | <meta name=”description” content=””> |
| name=”author” | 标注网站作者是谁 | <meta name=”author” content=”晨鸟”> |
| name=”keywords” | keywords用来告诉搜索引擎你网页的关键字是什么，换句话说就是你的网站主题，从一定意义上来说keywords与description其实它们的作用是一样的（突出网站主题），但他们又有所不同（在搜索结果页的展示）。 | <meta name=”keywords” content=””> |
| name=”copyright” | 标注网站的版权信息 | <meta name=”copyright” content=”晨鸟”> |
| name=”robots” | robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。 | <meta name=”robots” content=”all”> |
| http-equiv=”Refresh” | 自动刷新并转到新页面。 | <meta http-equiv=”Refresh” content=”5;URL”>；（注意后面的引号，分别在秒数的前面和网址的后面，URL可为空）。注意：其中的2是指停留2秒钟后自动刷新到URL网址。 |
| http-equiv=Expires | 可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。 | <meta http-equiv=”expires” content=”Fri,12 Jan 2001 18:18:18 GMT”>。注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。 |
文档声明的作用?严格模式和混杂模式指什么?<!doctype html>
- <!DICTYPE>声明位于文档中的最前面，处于<html>标签之前，告诉浏览器的解析器，用什么文档类型来规范解析这个文档。
- 严格模式的排版和js运作模式是以该浏览器支持的最高标准运行
- 在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作
DOCTYPE不存在 或格式不正确会导致文档以混杂模式呈现
浏览器乱码的原因是什么？如何解决
html乱码原因与网页乱码解决方法，浏览器浏览网页内容出现乱码符合解决篇（html中文乱码）
造成html网页乱码原因主要是html源代码内中文字内容与html编码不同造成。但无论是哪种情况造成乱码在网页开始时候都需要设置网页编码。
一、乱码造成原因
1、比如网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出现乱码。
2、html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。
3、浏览器不能自动检测网页编码，造成网页乱码。
二、解决乱码方法
第一种，html网页源代码编码与中文字输入编码不同。
解决方法:
使用软件进行编辑HTML网页内容，推荐使用[DW软件]进行[HTML代码编辑和开发。
尽量不要直接使用记事本进行编辑HTML代码。
第二种，如果网页设置编码是gbk的，而数据库储存数据编码格式是UTF-8的，这个时候程序查询数据库数据显示数据前进行程序转码即可。
第三种，浏览器造成乱码。
这个可能是你网页没有设置meta charset编码造成。导致浏览器不能识别你网页默认编码类型。解决方法：
1、如果浏览器浏览时候出现网页乱码，在浏览器中找到转换编码的菜单。
在IE9浏览器中需要转码的网页空白出右键鼠标，即可选择“编码”。
傲游浏览器中浏览需要转码的网页时，菜单“查看”-->“编码”即可选择转换编码
谷歌浏览器中浏览需要转码的网页时，点击右上角“三横”图标选择“工具”-->“编码”即可选择切换网页编码达到让浏览器浏览此网页不是乱码。
常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| Internet Explorer | IE内核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chromr | Webkit |
| 国内大部分浏览器 | IE内核 |
列出常见的标签，并简单介绍这些标签用在什么场景
| 标签 | 场景 |
|---|---|
| head标签 | head标签是页面的“头部”， 一般来说，只有6个标签能放在<head>标签内：<title>、<meta>、<link>、<style>、<script>、<base> |
| body标签 | body标签是页面的“身体” |
| h1~h6标签 | 设置不同的标题 |
| p标签 | 使用p标签来标记一段文字 |
| < br/ >标签 | 换行 |
| < div >标签 | 主要用来为HTML文档内大块的内容提供结构和背景 |
| < ul >标签 | 无序列表 |
| < o l>标签 | 有序列表 |
| <form>标签 | 设置一个表单 |
| < img >标签 | 设置一个图像 |
