这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
什么是HTML
- HTML全称为HyperText Markup Language
- HyperText 表示 HTML是一种不仅处理文本内容的语言，还可以处理如图片、链接等等内容
- Markup Language 表示这是一种被开闭tag(标签)标示的标记语言
- tag内包含了属性，这一点和面向对象的对象属性在理解思路上非常相似
浏览器是如何渲染HTML的
详见渲染流程图(大概就是解析DOM的过程啦)
什么是怪异模式
(课程中没有说明)
DOM树、DOM节点是什么
HTML中的或者最终计算为HTML标签的标签元素表示DOM节点，在解析过程中以树的形式呈现
HTML语法
- 标签和属性不区分大小写，推荐使用小写
- 空标签是否闭合需要按照开发流规范约束
- 属性的值推荐使用双引号包裹(同样需要开发流规范约束)
- 存在可以按需使用的属性值
HTML语义化
HTML中的元素、属性及属性对应的属性值都具备直观的语义信息
开发者应该遵循语义编写HTML(开发流规范)
HTML的哈姆雷特问题：谁在使用HTML？
- 开发者-修改维护页面
- 浏览器-展示页面
- 搜索引擎-提取关键词、排序
- 屏幕阅读器-视障人士友好或老年人士友好
第一日总结
HTML入门课程真就是顾名思义的入门课程。课程中讲授人重点点了HTML5“语义化”的这个事情，我认为首先要理解“HTML5 语义化”还是要先对“语义”有个简单的认识。一句话概括“语义化”就是“采用人类语言中的词语、短语等等包含人类语义的方法表示标签的名称，使编写HTML更靠近人类的书写习惯”，这么做被在一些博客中被重点介绍为“SEO友好”，为什么会“SEO友好”呢？我认为这是搜索引擎在关联网页内容的时候会采用NLP的手段做一些语义分析，简而言之就是搜索引擎会通过语义判断哪里是需要关注的。因此HTML5采用“语义化”更像是与搜索任务因果关系中的“果”。
