前端小白的第一篇html入门笔记
自学前端也有一些时日了，但可能因为本人个性比较内敛，没有养成写博客的习惯。在学习过程中主要依靠自己做的笔记来进行复查复习，加深记忆。这算是我的第一篇比较正式的代码学习Blog。
从其他不相干专业转行互联网行业做码农，确实自己原有的一些惯性思维要进行转变，需要调整一些方式方法，才能迅速得去适应和处理转行道路上遇到的问题。
学知识点，写代码，再写blog总结经验教训，可能是一种比记笔记更好的加强学习效果的学习方式。废话少说，接下来就是一些html最基础知识点的罗列总结。
html技术的基础知识点主要分为以下几大块：
- HTML 是谁发明的
- HTML 起手应该写什么
- 常用的表章节的标签有哪些，分别是什么意思
- 全局属性有哪些
- 常用的内容标签有哪些，分别是什么意思
html的历史
html的全称是Hyper Text Markup Language，也即超文本标记语言。1990年，World Wide Web 的发明者 Tim Berners Lee 爵士在最早的 WEB 浏览器和编辑器 NEXUS 中，他使用了SGML（SGML是1986年国际标准ISO8879：信息处理标准通用标记语言）的一些标签和样式表进行排版，并增加了最重要的功能——链接，这就是HTML的前身，基于SGML的HTML是让 SGML 走向World Wide Web 的第一步。
所以，html的发明人就是Tim Berners Lee 爵士。
html起手或者开头应该写些什么
代码文件实际上都是文本txt文件，为了让编译器识别代码，需要先声明代码所用的语言，所用的版本，以及其他一些初始预设定，编译器才知道应该用何种方式去编译代码。
说到html文件，开头就必须要写
<!DOCTYPE html>
这是html 5规则推荐的声明方式，非常简洁。注意大小写在html语言里实际是有区别的，只是语法很松散，在识别时会自动忽视不适当的大小写。除了开头这个声明以为，用VS Code, Sublime等开发工具时输入!+tab会自动添加一些必要的预设置和html超文档的框架结构。
html文档的大体结构如下：
<html lang="">
<head>
</head>
<body>
</body>
</html>
常用的表章节标签及含义
html发展到今天，标签是越来越多，死记硬背100多个标签不可取。实际上常用的标签也不是很多，而且都是平时项目需求经常遇到，多用几次就会很熟练。
表示章节的主要标签有：
- h1~h6 标题
- section 章节
- article 文章
- p 段落
- header 标头
- footer 页尾
- main 主要内容
- aside 旁支内容
- div 分区
全局属性有哪些
所有标签都天然具备的属性称为全局属性。
- class 类
- contenteditable 用户可编辑
- hidden 隐藏
- id 身份标识
- style 样式
- tabindex tab键切换到该区域的顺序
- title 鼠标悬浮其上显示的文字说明
需要注意id用来做标记是很坑的，说是不能重名，具有唯一性，实际运行时有id重名并不会报错，而是会产生各种奇怪bug，尽量使用class类名去进行标记。
常用的内容标签
- a (anchor) 链接，锚点
- ol + li 有序列表
- ul + li 无序列表
- dl + dt + dd (description list/term/details)
- pre 预格式文本，保留区内原生文本格式
- code 代码区域
- hr 不推荐使用，水平线，历史遗留
- br 换行
- em (emphasis) 默认显示斜体，不推荐i
- strong 默认显示加粗，不推荐b
- q (quote) 引用
- blockquote 块级引用
学习html的第一篇笔记blog就到此为止。
