HTML 基础知识点
2017-09-07 本文已影响0人
前端小木鱼
一、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> | 定义列表 |
