1HTML XML XTML有什么区别
-
HTML是超文本标记语言，语法较其他两种不太严格（可以有大小写），最常见的WEB语言 -
XML可扩展标记语言，主要用于数据存储。 -
XHTML可扩展超文本标记语言，基于XML，比HTML更严格（不能大小写混用，单标签必须加/等）
2怎么样理解HTML语义化
- 语义化标签使页面结构更清晰，更方便开发法人员查看，更方便计算机，浏览器读取。
- 对SEO搜索引擎优化有很大好处
- 对特殊人群友善。
- 这是WEB前端的一个标准需要我们去遵循的东西
3怎样理解内容与样式分离
在一个网页中，内容，样式，行为分别由html css JavaScript来控制
- 在写html时重点放在结构和语义化上，让HTML本身能体现出页面的结构，框架。
- 而用CSS单独控制样式，这样的话如果页面风格要变，但是结构不变，只需要在CSS中修改就可以，
- 这就是为什么HTML CSS需要分开的原因，就是说不要出现行内样式
- 不要用JS去操作样式这样的话修改样式还需要去修改js不是一个效率手段
4有哪些常见的mete标签
| 常用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>
1.<!DICTYPE>声明位于文档中的最前面，处于<html>标签之前，告诉浏览器如何解析这个文档，用什么文档类型来规范解析
2.严格模式的排版和js运作模式是以该浏览器支持的最高标准运行
3.在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作
DOCTYPE不存在 或格式不正确会导致文档以混杂模式呈现
浏览器乱码的原因是什么？如何解决
- 浏览器编码方式和文档编码方式不一样会出现乱码
文档保存的编码方式要和meta声明的一样 所以head里一定要有meta
常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| Internet Explorer | IE内核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chrome | Webkit |
| 国内大部分 | IE内核 |
列出常见的标签，并简单介绍这些标签用在什么场景
| 标签 | 使用场景 |
|---|---|
head标签 |
head标签是页面的“头部”， 一般来说，只有6个标签能放在<head>标签内：<title>、<meta>、<link>、<style>、<script>、<base> |
body标签 |
body标签是页面的“身体” |
h1~h6标签 |
设置不同的标题 |
p标签 |
使用p标签来标记一段文字 |
<br/>标签 |
换行 |
div |
一大块，用来构建页面结构 |
ul li |
无序列表 |
ol li |
有序列表 |
img |
图像 |
