HTML、XML、 XHTML有什么区别
从字面上看,他们都是HTML,都是标记语言(Markup Language)
- HTML,超文本标记语言,是语法较为松散,不严格的Web语言
- XML,可扩展标记语言,主要用于存储数据和结构,可扩展
- XHTML,可扩展超文本标记语言,基于XML,与HTML类似,但语法更严格
怎样理解HTML语义化
- 简单来说语义化就是让机器可以更好地读懂内容.
- 对于当前的Web而言,HTML是联系大多数Web资源的纽带.随着互联网的发展,Web承载越来越多的信息(图片,声音,视频等),人们开始用机器来处理网络信息,就此诞生了搜索引擎.如此庞大及复杂的信息如何让搜索引擎处理和挖掘，所以让机器能够更好地读懂WEB上内容就变得越来越重要。
- 语义化好处
- 清晰的页面结构：去掉或样式丢失的时候，也能让页面呈现清晰的结构，增强页面的可读性。
- 支持更多的设备：屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页。 如果你使用的含语义的标记，屏幕阅读器会根据你的标签来判断网页的内容，而不是一个字母一个字母的拼写出来。
- 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息，搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重。
- 便于团队开发和维护：在团队中大家都遵循同一个标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，甚至实现模块化开发。
怎样理解内容与样式分离的原则
- Html指的是结构；CSS指的是样式；JavaScript指的是行为。
写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
HTML 内不允许出现属性样式，尽量不要出现行内样式。
写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
有哪些常见的meta标签
| 标签 |
含义 |
| <meta 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" /> |
搜索引擎索引方式.all：文件将被检索，且页面上的链接可以被查询；none：文件将不被检索，且页面上的链接不可以被查询；index：文件将被检索；follow：页面上的链接可以被查询；noindex：文件将不被检索；nofollow：页面上的链接不可以被查询。 |
文档声明的作用，严格模式和混杂模式指什么?<!doctype html>的作用?
- <!DICTYPE>声明位于文档中的最前面，处于<html>标签之前，告诉浏览器的解析器，用什么文档类型来规范解析这个文档。
- 严格模式的排版和js运作模式是以该浏览器支持的最高标准运行
- 在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作
DOCTYPE不存在 或格式不正确会导致文档以混杂模式呈现
浏览器乱码的原因是什么？如何解决
- 设置<meta charset>标签声明文档使用的字符编码
- 设置正确的字符编码
- 设置浏览器显示正确的编码
常见的浏览器有哪些，什么内核
| 浏览器 |
内核 |
| 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标签来标记一段文字 |
标签 |
换行 |
| <div>标签 |
主要用来为HTML文档内大块的内容提供结构景 |
| ul标签 |
无序列表 |
| ol标签 |
有序列表 |
| <form>标签 |
设置一个表单 |
| img标签 |
设置一个图像 |
网友评论