HTML的基本了解

HTML ：超文本标记语言专业术语：hyper text Markup language

职业：web前端开发工程师移动端开发工程师 pc端 h5网页小程序 APP 游戏开发 node.工程 Vue 工程师等。

作用：生成网页的结构。通过标记对网页的元素（图片文字视频音频）进行描述。

网站与网页：网站是由多个网页组合而成

常见浏览器：IE浏览器不维护，edge浏览器和谷歌浏览器内核一样，建议用谷歌。

面试题有关的问题：浏览器的内核。

浏览器内核

一个完整的浏览器包含浏览器内核和浏览器的外壳（shell）。浏览器内核又可以分为两部分：渲染引擎（Layout Engine或Rendering Engine）和JS引擎。由于JS引擎越来越独立，内核就倾向于只指渲染引擎。现如今五大内核： 五大主流浏览器分别是什么？内核分别是什么？****

答：IE、Firefox、Google Chrome、Safari、Opera。

IE浏览器内核:Trident内核,也是俗称的IE内核，Window10发布后，IE将其内置浏览器命名为Edge（原名斯巴达），使用了新内核Edge引擎。;
Chrome（谷歌）浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核的分支,现在是Blink内核，也是国内大部分浏览器的主流最新版;
Firefox（火狐）浏览器内核:Gecko内核,俗称Firefox内核，特点代码公开，但逐渐落寞;
Safari（苹果）浏览器内核:Webkit内核，开源的，谷歌曾经也使用过;
Opera 浏览器内核：是世界公认最快渲染速度的引擎，以前是Presto内核，但在加入了谷歌阵营改了，现在是Blink内核

web的标准

各个浏览器的内核不同，所使用的效果，工作原理等各方面都会有一定的差异。

Web标准不是某一个标准，而是一系列标准的集合。目前所通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准中典型的应用模式是“css+div”（什么是css+div）。实际上，WEB标准并不是某一个标准，而是一系列标准的集合。

网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。

对应的网站标准也分三方面：结构化标准语言，主要包括XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。

而这些标准大部分由W3C组织（什么是W3C组织）起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。

web标准的本意是实现内容(结构)和表现分离，就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。

HTML的历史发展过程

首先我们来看一下HTML从最原始到现在至今整个HTML语言的历史发展过程。

GML ：是第一代标记语言，使文档能明确将标示和内容分开。
SGML： 标准通用标记语言（ Standard Generalized Markup Language ），是1986年出版发布的一个信息管理方面的国际标准。该标准定义独立于平台和应用的文本文档格式，索引和链接信息，为用户提供一种类似于语法的机制，用来定义文档的结构和指示文档结构的标签（tag）。制定SGML的基本思想是把文档内容与样式分开。 SGML规定了在文档中嵌入描述标记的标准格式，指定了描述文档结构的标准方法。！！！注意：但是，由于SGML严格要求规范太多，复杂难懂，且不易实现，所以又在其基础上衍生发展了新的易用的语言。
HTML：超文本标记语言（英语：Hyper Text Markup Language），是一种用于创建网页的标准标记语言。主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
XML： 可扩展的标识语言（extensible Markup Language） , XML 也是 SGML 的一个子集，但使用比较严格的模式
XHTML 的出现是因为HTML扩充性不好，内容的表现跟不上时代的变化（如无法表示某些化学符号等），以及因为性能的问题，官方逐渐趋于严格的模式，所以使用 XML 的严格规则的 XHTML 成了 W3C 计划中 HTML 的替代者。
HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布,由此超文本标记语言第一版诞生。
HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。
HTML 3.2：1997年1月14日，W3C推荐标准。
HTML 4.0：1997年12月18日，W3C推荐标准。
HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。
HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。 2014年10月28日，W3C推荐标准。

HTML5的诞生，标记着互联玩时代的发展，比如所HTML5里面诞生的音频、视频、图像、动画等都做了新的标准，它对于浏览器的兼容也是得到了一定的处理，由此可见，HTML的整个历史发展目前为止我们所使用的版本主要是99年诞生的HTML 4.01以及2014年诞生的

这些可以作为了解，并不需要死记硬背，现如今记得H5技术已经非常成熟，而起极为好用，是最新的标准，其次html 4.01基于SGML，需要声明DTD，html5不基于SGML，所以不需要引用DTD。

例如

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

HTML骨架格式

  <head>
      <title></title>
  </head>
  <body>
    	
  </body>
</html>

我们要了解html最基础的语法格式：

html：根标签所有的标签都要放在html标签里面。

head：元信息不需要展示在页面的控制信息。

title: 标题网页的标题。

body：网页的主体部分内容。

标记：用<>括起来的英文单词，来表示一个标签/标记。

标签分类

单标签：标签也称为空标签，是指用一个标签符号即可完整的描述某个功能的标签，单标签只能有属性，不能嵌套其他标签及内容。

<br /> ==> <br>
<hr />
<img alt=""  src="路径"   />
 · · ·

双标签：语法中<标签名>表示该标签的作用开始，一般称为开始标签</标签名>表示该标签的作用结束，一般称为结束标签，双标签中可以再嵌套其它标签，也可以嵌套内容。

<head> 
  <title></title> 
</head>
<body></body>

当然标签关系分为两种关系：一为嵌套，俗称父子，二为并列，俗称兄弟，如下：

父子
<head> 
  <title></title> 
</head>
<body></body>

兄弟
<head></head>
<body></body>

注释：ctrl + / 撤销注释： ctrl +\ shift可加可不加，以电脑配置为准。实现效果：选中内容或者注释掉不相关的内容，点击右键找到open indefault browser 谷歌浏览器，将默认浏览器设置为谷歌。

更改内容后，保存，在浏览器中刷新一下即可。\

总结

至此，今日份的html笔记写完，一开始写在电脑上的，后来老师说把写的笔记记在网上方便又不容易丢失，哈哈，敲码快乐！

随笔记录我这一个月的前端学习笔记，养成酿好的习惯，希望也能给未来的小伙伴们一点帮助，俺也是菜鸟，芜湖！正在起飞！

初学HTML+CSS 笔记历程（1）