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> 图像标签