HTML、XML、XHTML 有什么区别
- HTML:超文本标记语言,是语法较为松散的、不严格的Web语言;
- XML:可扩展标记语言,主要用于存储数据和结构;
- XHTML: 可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格;
怎样理解 HTML 语义化
- 语义化HTML是一种编写HTML的方式
- 选择合适的标签、使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好地解析。
怎样理解内容与样式分离的原则
- 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上,让 HTML 能体现页面结构或者内容。之后再去写样式。
- 写 JS 的时候,尽量不要用 JS 去直接操作样式,而是通过给元素添加删除class来控制样式变化
- HTML 内不允许出现属性样式,尽量不要出现行内样式
有哪些常见的meta标签
编码
<meta charset="utf-8 />
优先使用IE|chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
控制浏览器内核
<meta name="render" content="webkit|ie-comp|ie-stand" />
搜索关键字
<meta name="keywords" content="your tags" />
描述
<meta name="description" content="150 words" />
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 文档声明的作用:声明指出阅读程序应该用什么规则集来解释文档中的标记
- 严格模式和混杂模式指:
--严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码
--混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码 - <!doctype html> 的作用:Html5
浏览器乱码的原因是什么?如何解决
- 原因:浏览器和文档的编码方式不一致;
- 解决:改变文档编码方式或改变浏览器b编码方式
常见的浏览器有哪些,什么内核
列出常见的标签,并简单介绍这些标签用在什么场景
- h1~h6:标题
- p:段落文字
-strong、em、span:加强(块元素) - a:链接
- img:图片
- div:语义为“一大块”,用于给页面划分区块,让结构更清晰
- ul li:无序列表
- ol li:有序列表
- dl dt dd:标题+内容
- table tr th td:表格
- button:按钮
- iframe:框架