HTML 基本概念 Note-FrontEnd-1最基本的HTML知识，包括HTML的发明、HTML起手式、常用的表示章

最基本的HTML知识，包括HTML的发明、HTML起手式、常用的表示章节的标签、全局属性和常用的内容标签。

一、HTML 的发明

Tim Berners-Lee（蒂姆·伯纳斯·李）在1990年发明了万维网 WWW，同时发明了 HTML、HTTP 和 URL，他自己写了第一个浏览器和第一个服务器，并成功用自己写的浏览器访问了自己写的服务器。

他的构想就是让每个人输入网址就能看到页面，就这么简单。

按下 [ ! + Tab ]，VS Code 为我们生成了最基本的 html 页面，来解读一下。

< !DOCTYPE html > -- 文档类型
< html lang="en" > -- html 标签，一般把 lang 属性改成 zh-CN
< head > 和 < body > -- html 标签下有两个子元素，head 和 body，一般这两个元素不缩进，因为我们很少会去改变这个结构
< meta charset="UTF-8" > -- 文件的字符编码。如果写的属性和文件实际编码不同，会乱码，我们统一全部写 UTF-8，它支持全人类的所有字符
< meta name="viewport" content="width=device-width, initial-scale=1.0" > -- 视窗，禁止页面缩放
< meta http-equiv="X-UA-Compatible" content="ie=edge" /> -- 告诉 IE 使用最新内核
< title >Document< /title > -- 控制网页标签的标题

class -- 给标签分个类，做一下标记，方便 CCS 里修改样式，class=xxx，在 CCS 能够使用 .xxx 简便方式选择元素
contenteditable -- 使得标签内容可以在输出页面上编辑，可以用来做自己的编辑器
hidden -- 让元素看不见，但可以在 CCS 里 display: block重新显示出来，CSS 的 display 优先级更高
id -- 全文档唯一表示符，慎用，id=xxx，可在CSS中使用 #xxx 选择元素，还可以在 JS 中选择元素，xxx.style.border()
1. 第一点，当两个标签同时使用相同的 id 时，它不会报错
2. 第二点，这两个标签用 id 选出的标签在 CSS 里样式设置都能够生效
3. 第三点，这两个标签用 id 选出的标签在 JS 里用 id 选择会不生效
4. 第四点，id 有很多取名的忌讳，Window 下的很多全局变量名都不能取
style -- style="xxx"，里面代码内容和 CSS 里面完全一样
tabindex -- 设置 Tab 的交互性，可取不同数字，tabindex=x
1. 正值：按照数字大小先后访问
2. 0 值：最后访问
3. 负值：通常是 -1，意思是别来访问
title -- 在大段文字下设置了在文字溢出使用省略号代替的情况下，title="xxx"能够在在鼠标悬停在省略号上时显示"xxx"内容