名称定义
维基百科上是这么定义的：
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面[1]
。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。
HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素（如<html>），浏览器使用HTML标签和脚本来诠释网页内容，但不会将它们显示在页面上。
HTML可以嵌入如JavaScript的脚本语言，它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表（CSS）来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟（W3C）鼓励人们使用CSS替代一些用于表现的HTML元素[2]。
发展历程
- 1997.1月 HTML 3.2
- 1997.12 月 HTML 4.0
- 1999.12 月 HTML 4.01
- 2014.10 月 HTML 5
HTML、XML、XHTML 区别
- XML被设计用来描述数据，其焦点是数据的内容。
- HTML被设计用来显示数据，其焦点是数据的外观。
- XHTML是“3种HTML 4文件根据XML 1.0标准重组”而成的。
HTML 语义化
有助于构架良好的html结构，有利于搜索引擎的建立索引、抓取；另外，亦有利于页面在不同的设备上显示尽可能相同；此外，亦有利于构建清晰的机构，有利于团队的开发、维护。
为什么要语义化？
- 有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。
- 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
- 方便其他设备的解析
- 便于团队开发和维护
内容与样式分离的原则
尽量确保文档和模板只包含 HTML 结构，样式都放到样式表里，行为都放到脚本里。
这样方便样式的统一修改，提高样式的复用性和代码的可读性。
常见的meta标签(转)
| 标签 | 作用 | ||
|---|---|---|---|
| <meta charset='utf-8' /> | 声明编码格式 | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | 优先使用 IE 最新版本和 Chrome | ||
| <meta http-equiv="X-UA-Compatible" content="IE=6" > | 使用IE6，IE7、IE8类推 | ||
| <meta name="renderer" content="webkit | ie-comp | ie-stand"> | 控制浏览器选择何种内核渲染 |
| <meta http-equiv="Pragma" content="no-cache"> | 禁止浏览器从本地计算机的缓存中访问页面内容 | ||
| <meta name="msapplication-TileColor" content="#000"/> | Windows 8 磁贴颜色 | ||
| <meta name="msapplication-TileImage" content="icon.png"/> | Windows 8 磁贴图标 | ||
| <meta name="mobile-agent"content="format=[wml | xhtml | html5]; url=url"> | PC-手机页的对应关系 |
| <meta name="keywords" content="your tags" /> | 页面关键词 | ||
| <meta http-equiv="Cache-Control" content="no-siteapp" /> | 避免百度转码申明 | ||
| <meta name="description" content="150 words" /> | 页面描述 |
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 文档声明对文档进行有效性验证同时决定浏览器的呈现模式。
- 在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如 Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。
- 要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。
浏览器乱码的原因以及解决方法
- 后端传入页面的编码格式和页面的解析编码格式不一致 ----保证前后端编码格式的一致性
- 页面设置的编码格式和页面保存的编码格式不一致 ----设置页面meta编码格式
- 页面的编码格式和浏览器的解析格式不一致 ----手动修改浏览器编码格式
常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| Internet Explorer | IE内核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chrome | Webkit |
| 国内大部分浏览器 | IE内核和chrome内核 |
常见的标签和使用场景
| 标签 | 使用场景 |
|---|---|
| a | 超链接 |
| table | 表格 |
| button | 按钮 |
| div | 块级元素 |
| img | 图片 |
| form | 表单 |
| p | 段落 |
| h1~5 | 标题 |
| ... | ... |
网友评论