1.HTML、XML、XHTML 有什么区别
HTML(HyperText Markup Language),超文本编辑语言,是语法较为松散的、不严格的Web语言;
XML(Extensible Markup Language),可扩展标记语言,主要用于存储数据和结构参考;
XHTML(Extensible HyperText Markup Language),可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格;
2.怎样理解 HTML 语义化
语义化HTML是一种编写HTML的方式,选择合适的标签、使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好地解析。
为什么要语义化:
1、有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。
2、在没有CSS的时候能够清晰的看出网页的结构,增强可读性。
3、便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。
4、支持多终端设备的浏览器渲染
3.怎样理解内容与样式分离的原则
所谓内容与样式分离,就是由HTML来管理内容和网页结构 , 文本样式由 CSS来管理。不分离的话,不但不利于网页的修改,而且还让网页内容不能够很好的展现于搜索引擎之下,也不利于SEO。
4.有哪些常见的meta标签
<meta name="keywords" content=""> //向搜索引擎说明你的网页的关键词
<meta name="description" content=""> //告诉搜索引擎你的站点的主要内容
<meta name="author" content="你的姓名"> //告诉搜索引擎你的站点的制作的作者
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> //指定字符集
<meta http-equiv="refresh" content="n;url="> //定时让网页在指定的时间n内跳转
<meta http-equiv="expires" content="SAT,27 May 2017 00:20:00 GMT"> //可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式
<meta http-equiv="pragma" content="no-cache"> //禁用缓存
<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT"> //cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式
5.文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- <!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
- 严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。
混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码。
6.浏览器乱码的原因是什么?如何解决
浏览器乱码的根本原因是编写代码时保存的编码格式和浏览器解析代码时的解码格式不一致,导致乱码 ,一般可能发生在除去英文的其他字体上。
解决办法:在meta标签中指定charset为页面编码的方式,这样浏览器就能自动读取,从而采用正确的解码方式
7.常见的浏览器有哪些,什么内核
浏览器 | 内核 |
---|---|
IE | IE内核 |
Chrome&Safari | Webkit |
Firefox | Gecko |
Opera | Presto |
8.列出常见的标签,并简单介绍这些标签用在什么场景
标签 | 作用 |
---|---|
h1~h6 | 标题 |
p | 段落 |
a | 链接 |
img | 展示图片 |
div | 划分区块 |
ul li | 无序列表 |
ol li | 有序列表 |
dl dt dd | 标题内容 |
button | 按钮 |
srong em | 强调 |
iframe | 嵌入页面 |
table | 表格 |