- HTML、XML、XHTML有什么区别
HTML是超文本标记语言,语法比较松散,是不严格的web语言;
XML是可扩展标记语言,主要用于传输与存储数据;
XHTML是可扩展超文本标记语言,基于XML,表现方式与HTML类似,但语法上更严格。
- 怎样理解HTML语义化
选择合适的标签、合适的结构来组织与表达页面的内容,使得代码易于阅读,同时便于搜索引擎解析。
- 怎样理解内容与样式分离的原则
写HTML的时候不管样式,重点关注文档结构与语义化;
尽量避免用JS操作样式,可以通过添加或删除class的方式来修改样式;
不要在HTML里写属性样式,尽量避免出现行内样式。
- 有哪些常见的meta标签
<!--声明字符编码-->
<meta charset="UTF-8">
<!--优先使用 IE 最新版本和 Chrome-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!--移动端-->
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
<!--关键字-->
<meta name="keywords" content="your tags">
<!--页面描述-->
<meta name="description" content="description words">
- 文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明的作用是告诉浏览器这个文档是什么版本,让解析器可以用对应的文档标准解析这个文档;
严格模式指在文档开头使用了完整形式的DOCTYPE来声明文档版本,混杂模式指没有使用DOCTYPE声明或DOCTYPE形式不完整,而让浏览器自己判断文档版本;
<!doctype html> 的作用是告诉浏览器这个文档的版本是HTML5。
- 浏览器乱码的原因是什么?如何解决
文档保存的编码格式与浏览器解码格式不一致时会出现乱码,可以在文档的 head中用<meta charset="编码格式">声明文档编码格式。
- 常见的浏览器有哪些,什么内核
IE、腾讯、360 Trident内核
Firefox Gecko内核
Safari,曾经的Chrome Webkit内核
Chrome、Opera Blink内核
- 列出常见的标签,并简单介绍这些标签用在什么场景
h1~h6 表示标题,h1对应一级标题,h2二级标题,以此类推
p 表示段落,一大段文字
a 表示链接
img 表示图片
div 表示一个区块
ul 表示一个无序列表
ol 表示一个有序列表
li 表示ul或ol下的一个条目
dl dd dt 表示一系列“标题:内容”的场景
button 表示按钮
em 表示强调,strong 表示特别强调
span 表示一个行内元素,可以将文本的一部分独立出来
ifame 可以在页面上嵌入一个页面
table 可以用来展示表格,但是尽量避免用于布局