新手上路第二天
- 这是我参与「第五届青训营 」伴学笔记创作活动的第 2天
- 今天跟随掘金【前端入门-基础语言篇】第一课学习了前端与HTML,讲解了前端与html的联系，以及html的基础知识，主要是网页的布局与构造规则，例如标题：有h1到h6一共6种标题；如何设置链接，以及使用target设置跳转界面；在内容划分，有header，nav，一般只有一个main，下面是article文章的内容，旁边有aside的副界面，最后是footer；解释了什么是语义化：HTML中的元素，属性，以及属性值都有某些含义，开发者应该遵循语义来编写HTML（1.有序列表用ol；无序列表用ul 2.lang属性表述内容所使用的语言）；语义化的好处：代码的可读性，可维护性，搜索引擎优化，提升无障碍性；谁在使用我们写的html：1.开发者-修改，维护页面 2. 浏览器-展示页面 3.搜索引擎提取关键词，排序 4.屏幕阅读器-给盲人读页面内容；前端技术栈分两个关键部分， 一个是服务器端，另一个是代码部分分别是html（内容），css（形式），JavaScript（行为），两个端口直接通过HTTP协议通信
- 还有一个新东西，但是之前听说过但一直不知道意思：dom树，对一个网页页面代码进行梳理的树形结构，一般一个简单的代码格式，树的根节点为document，下级子节点为< html >，再下级有两个兄弟节点，分别为< head >和< body >,再下面就是诸多的底层叶子节点，例如< p >,< h1 >,< title >等
- 总结一下，这节课的程围绕“前端要解决的基本问题”及“什么是 HTML ”两个基本问题展开，层层解析前端技术栈的构成，以及作为前端最为基础的技术 - HTML 基础语法和基本功能，在实际研发过程中如何做到 HTML 语义化？点击本节课程，字节工程师带你了解 HTML 高效的编写原则。
