1. HTML、XML、XHTML有什么区别
- HTML，超文本标记语言，是语法松散的、不严格的Web语言；
- XML，可扩展标记语言，主要用于存储数据和结构；
- XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格；
2. 怎么理解HTML语义化
一种编写HTML的方式，选择适合的标签、使用合理的代码结构，便于开发者阅读，同时能让浏览器爬虫和机器很好滴解析。
3. 怎么理解内容与样式分离的原则
开发HTML时，HTML能体现页面结构和内容，之后页面的样式再尽量单独实现，尽量不要写行内样式，方便后期改造升级；也就是说HTML、CSS分离，HTML负责表现内容，CSS负责表现页面样式。
4. 有哪些常见的meta标签
<meta charset="UTF-8"> //指定文档编码
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //内核
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> //适配移动页面
<meta name="keywords" content="CodeMonkeyShui"> //指定关键字
<meta name="description" content="testDescription"> //
5. 文档声明的作用，严格模式和混杂模式指什么，<!DOCTYPE html>的作用？
- 文档声明指示Web浏览器关于页面使用哪个HTML版本进行编写的指令
- 标准模式，浏览器以其支持的最高标准呈现页面；混杂模式，页面以一种比较宽松的向后兼容的方式显现，混杂模式通常模拟老式浏览器行为以防止老站点无法工作。
- <!DOCTYPE html>指示Web浏览器按照HTML5去解析；
6. 浏览器乱码的原因是什么？如何解决？
meta charset没有设置或者设置错误，浏览器不能正确解析；设置正确charset或者浏览器换成与文件相应语言
7.常见的浏览器有哪些，什么内核？
- Google chrome-----Webkit内核
- QQ浏览器-----------Trident内核
- IE浏览器-------------Trident内核
- Safari-----------------Webkit内核
- Firefox----------------Gecko内核
8.列出常见的标签，并简单介绍这些标签用在什么场景
<!DOCTYPE html> 文档开头声明
<html> 包含整个页面内容；
<head> 包含页面描述和CSS样式；
<body> 包含用户看到内容，放置页面显示内容；
<title> 设置页面的标题；
<ol> 与<li>搭配 有序列表；
<ul> 与<li>搭配 有序列表；
<a> 超链接文本；
<div> 块级标签，用于body内分区；
<table> 表格标签；
<tr> 行标签，用于table内；
<td> 列标签，用于tr内；
<th> 列标签，用于表头；
<p> 文档段落标签
<h1>-<h7> 标题标签，一般表头
<input> 引用输入标签
<link> 引用CSS标签
<script> 引用JS标签
<dl><dt><dd> 列表标签
<img> 图像标签
网友评论