一、HTML、XML、XHTML 有什么区别
1、HTML :超文本标记语言,是语法较为松散的不严格的Web语言;
2、XML :可拓展标记语言,主要用于存贮数据和结构;
3、XHTML:可拓展超文本标记语言,基于XML作用与HTML类似,但语法更严格。
二、怎样理解 HTML 语义化
语义化HTML是一种编写HTML的方式:选择合适的标签、使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫很好地解析。
三、怎样理解内容与样式分离的原则
网页的内容、样式与行为分离是Web标准的核心理念:理想状态下HTML标签只用负责承载内容,而样式交给CSS,行为交给JavaScript。内容、样式与行为分离能够使页面代码更易于阅读和维护。
四、meta标签有哪些常见的用法:
标签 | 含义 |
---|---|
<meta charset=""> | 定义网页编码的字符集 |
<meta name="author" content=""> | 标注网页作者 |
<meta name="copyright" content=""> | 说明网页版权信息 |
<meta name="description" content=""> | 告诉搜索引擎网页的主要内容 |
<meta name="generator" content=""> | 说明制作网页工具 |
<meta name="keywords" content=""> | 定义针对搜索引擎的关键字 |
<meta name="robots" content=""> | 告诉搜索引擎的机器人页面中的文件、链接是否可被检索、查询 |
<meta http-equiv="content-type" content=""> | 设定页面使用的字符集 |
<meta http-equiv="content-script-type" content="text/javascript"> | 指明页面的脚本类型 |
<meta http-equiv="expires" content=""> | 设定网页的到期时间,网页过期则必须到服务器上重新传输 |
<meta http-equiv="imagetoolbar "content=""> | 指定是否显示图片工具栏 |
<meta http-equiv="refresh "content=";"> | 自动刷新并指向新页面 |
<meta http-equiv="window-target" content="_top"> | 强制页面在当前窗口以独立页面显示 |
五、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
1、文档类型声明,指出浏览器或其他阅读程序按照什么样的规则去解析文档。
2、严格模式和混杂模式都是DOCTYPE可声明的DTD类型:在严格模式中浏览器以其支持的最高标准呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。
3、<!doctype html>,指定网页的文档类型为HTML5。
六、浏览器乱码的原因是什么?如何解决
1、网页编码和浏览器解码不匹配,导致浏览器乱码。
2、如何解决浏览器乱码:编写网页时设置与网页编码相同的<meta charset="">字符标签,提醒浏览器以何种编码对网页解码;浏览网页时更改浏览器的解码方式使其与网页编码方式保持一致。
七、常见的浏览器有哪些,什么内核
内核 | 浏览器 |
---|---|
Trident(又称IE内核) | IE、360、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser、KKman等 |
Gecko | Firefox |
WebKit | Chrome/Safari |
Presto | Opera |
八、列出常见的标签,并简单介绍这些标签用在什么场景
标签 | 作用 |
---|---|
<head> | 头部 |
<body> | 主体 |
<a> | 超链接 |
<br /> | 换行 |
<form> | 表单 |
<h1>...<h6> | 标题 |
<p> | 段落 |
<img> | 图片 |
<ul>、<li> | 有序列表 |
<ol>、<li> | 无序列表 |
<dl>、<dt>、<dd> | 定义列表 |