HTML
HyperText Markup Language（超文本标记语言）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS和JS一起被众多网站用于设计网页、网页应用程序一级移动应用程序的用户界面。网页浏览器可以读取HTML文件并将其渲染成可视化网页。
HTML、XML、XHTML 有什么区别
- HTML：超文本标记语言。语法较为松散，不合格的web语言；
- XML：可拓展标记语言，用于存储数据和结构；
- XHTML：可拓展超文本标记语言，以上两者的结合，基于XML，作用与HTML类似但其语法更加严格。
怎样理解 HTML 语义化
选择合适的标签、合理的代码结构，使得开发者更容易阅读内容，同时机器也能更好的解析。语义化的优点包括：
- 页面能很好地呈现内容结构和代码结构；
- 和搜索引擎建立良好沟通，有助于爬虫更高效的抓取有效信息，同时搜索引擎也根据标记来确定上下文和各关键字的权重；
- 团队开发中使用统一标准，减少差异化，方便开发和维护，提高开发效率甚至实现模块化开发；
- 在没有CSS的时候能够清晰的看出网页的结构，增强可读性。
怎样理解内容与样式分离的原则
在HTML输入内容的时候，只考虑其结构化和语义化，所有的样式由CSS来实现，不直接添加在HTML的内容中。这样对于以后修改样式十分友好，修改时不需要管内容是怎样的。
有哪些常见的meta标签
| 标签 | 值 | 含义 |
|---|---|---|
<meta hcarset="XXX"> |
UTF-8、GBK、ISO-8859-1等 | 声明该文档所使用的字符编码类型 |
<meta content="XXX"> |
any_text | 定义与 http-equiv 或 name 属性相关的元信息 |
<meta http-equiv="XXX"> |
content-type、expires、refresh、set-cookie | 把 content 属性关联到 HTTP 头部 |
<meta name="XXX"> |
author、description、keywords、generator、revised、others | 把 content 属性关联到一个名称 |
<meta scheme="XXX"> |
any_text | 定义用于翻译 content 属性值的格式 |
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明的作用是声明文档对象模型，用来告诉浏览器应该勇敢种方式来解析渲染页面。
严格模式是指使用<!doctype>标签来声明。
混杂模式是指不加<!doctype>标签，允许浏览器自行选择解析渲染方式。
<!doctype html>声明使用HTML5的方式来解析渲染页面。
浏览器乱码的原因是什么？如何解决
一般原因是页面内代码的编码方式和浏览器的解码方式不同，导致浏览器无法正确解析。
使用<meta charset="XXX">来标签保证代码的编码类型和浏览器的解码方式一致。
常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| Microsoft Edge | EdgeHTML |
| Internet Explorer | IE |
| FireFox | GEcko |
| Opear | Presto |
| Safari、Chrome | Webkit |
| 其他大部分浏览器 | IE |
列出常见的标签，并简单介绍这些标签用在什么场景
| 标签 | 应用场景 |
|---|---|
<html></html> |
包含所有HTML内容 |
<head></head> |
文档头部，是所有头部元素的容器 |
<title></title> |
文档的标题 |
<meta></meta> |
提供有关页面的信息 |
<body></body> |
文档的内容 |
<h1></h1> |
一级标题，h1h6分别对应一级标题六级标题，逐级减小 |
<img> |
插入图片 |
<ul></ul> |
无序列表 |
<ol></ol> |
有序列表 |
<li></li> |
列表项 |
<br> |
换行 |
<div></div> |
分块 |
<span></span> |
行内元素 |
<i></i> |
斜体 |
<em></em> |
强调文本 |
<strong></strong> |
强调文本 |
<q></q> |
短引用 |
网友评论