HTML、XML、XHTML 有什么区别？
HTML：超文本标记语言，是语法较为松散的、不严格的Web语言，主要用于显示数据。
XML：可扩展标记语言，主要用于传输、存储数据；标签没有被预定义，需要自行定义标签。
XHTML：可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。
怎样理解 HTML 语义化？
HTML语义化是一种编写HTML的方式。根据内容的结构化（内容语义化），选择合适的标签、使用合理的代码结构，便于开发者阅读和写出更优雅的代码，同时让浏览器、搜索引擎更好地解析。在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
怎样理解内容与样式分离的原则
开发网页时，写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式，HTML 内不允许出现属性样式，尽量不要出现行内样式。不仅可以更清晰地分别表达样式或者内容，更重要的是这一分离使得二者不再耦合，样式变得可复用、组件化，便于后续开发人员阅读和维护。
有哪些常见的meta标签
meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。meta标签的属性有name属性和http-equiv属性：
1.name属性
主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。
其中name属性常用几种参数：
keywords(关键字)：用于告诉搜索引擎，网页的关键字
<meta name="keywords" content="web基础">
description(网站内容的描述)：用于告诉搜索引擎，网站的主要内容
<meta name="description" content="前端知识">
viewport(移动端的窗口)：常用于设计移动端网页
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
2.http-equiv属性
content-Type：设定网页字符集
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //html4
<meta charset="utf-8"> //html5
X-UA-Compatible：浏览器采取何种版本渲染当前页面
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染当前页面
refresh：自动刷新并指向某页面
<meta http-equiv="refresh" content="2；URL=http://www.google.co.uk"> //意思是2秒后跳转到google
文档声明的作用?严格模式和混杂模式指什么? <!doctype html>的作用?
文档声明：声明文档对象模型，告诉浏览器应该使用哪种方式来解析渲染页面。
严格模式：使用<!doctype>标签来显式声明该用哪种方式来渲染页面；混杂模式即不加<!doctype>标签，允许浏览器使用自己的方式来渲染页面。
<!doctype html>是声明使用HTML5标准来解析渲染页面。
浏览器乱码的原因是什么？如何解决
浏览器乱码的原因是编辑器保存的文档设置的字符集和html文档设置的字符集不一致，而浏览器会按html文档设置的字符集解析。
html文档的字符集设置为utf-8<meta charset="utf-8">,编辑器保存文档的字符集与之一致。
常见的浏览器有哪些，什么内核
常见的浏览器有IE、chrome、Firefox、Safari、Opera、Netscape等。
Trident内核：Internet Explorer，又称其为IE内核。
Gecko内核：Firefox、Netscape6至9。
WebKit内核：Safari、Chrome。
Presto内核：Opera 7.0及以上使用。
列出常见的标签，并简单介绍这些标签用在什么场景
| 标签 | 使用场景 |
|---|---|
<html> |
定义html文档 |
<body> |
定义文档的主体 |
<head> |
定义了文档的信息 |
<title> |
定义了文档的标题 |
<meta> |
定义了HTML文档中的元数据 |
<link> |
定义了一个文档和外部资源之间的关系 |
<script> |
定义了客户端的脚本文件 |
<style> |
定义了HTML文档的样式文件 |
<h1>~<h6> |
定义标题 |
<hr/> |
创建水平线 |
<!-- 这是一个注释 --> |
注释 |
<p> |
定义一个段落 |
<br/> |
换行 |
<b> |
定义粗体文本 |
<em |
定义着重文字 |
<i> |
定义斜体字 |
<strong> |
定义加重语气 |
<small> |
定义小号字 |
<a> |
定义一个超级链接 |
<img> |
定义图像 |
<table> |
定义表格 |
<th> |
定义表格的表头 |
<tr> |
定义表格 的行 |
<td> |
定义表格的列 |
<ol> |
定义一个有序列表 |
<ul> |
定义一个无序列表 |
<li> |
定义列表项 |
<div> |
定义了文档的区域 |
<span> |
用来组合文档中的行内元素 |
<form> |
定义供用户输入的表单 |
<input> |
定义输入域 |
<textarea> |
定义文本域 (一个多行的输入控件) |
<label> |
定义了 <input> 元素的标签，一般为输入标题 |
<select> |
定义了下拉选项列表 |
<option> |
定义下拉列表中的选项 |
<button> |
定义一个点击按钮 |
网友评论