前端与HTML|青训营笔记这是我参与「第五届青训营」伴学笔记创作活动的第 1 天. 文章大概写的是HTML的基础内容，

这是我参与「第五届青训营」伴学笔记创作活动的第 1 天.

整个前端技术栈可以简单概述。服务器端可分为

JavaScript（行为）
CSS（样式）
HTML（内容）

以上三个内容再通过网络协议发送到前端服务器来进行展示分类。

前端应该关注美观，功能，无障碍，安全，性能，兼容性。

前端得边界也有：node，electron，react native，webrtc等开发环境也有较多：VScode，Vim，WebStorm。

HTML是HyberText Markup Language的缩写。这是一个HTML的文件的基本格式如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
</head>
<body>
  <h1>一级标题</h1>
  <p>段落内容</p>
</body>
</html>

DOM树主要为：

document - < html > - < head > and < body >

< head > - < meta > and < title >

< body > - < h1 > and < p >

HTML的相关语法：

标签与属性不区分大小写，推荐小写
空标签可以不闭合，比如input，meta
属性值推荐用双引号包裹
某些属性值可以省略，如required，readonly

语义化是什么？

HTML中的元素、属性及属性值都有某些含义

开发者应该遵循语义来编写HTML：有序使用ol,反之则ul;lang属性表示内容所运用的语言。

那么在平时有谁在使用我们写的HTML？

开发者-修改、维护
浏览器-展示页面
搜索引擎-提取关键词、排序
屏幕阅读器-给盲人读页面内容

语义化的好处

代码可读性
可维护性
搜索引擎优化
提升无障碍性

学习这一次的HTML的基础知识，给了我许多的知识量，这是我第一次接触前端的HTML，这一节课程给我讲清楚了HTML对于前端的意义是什么，也让我对以后的学习充满信心。许多的前缀词需要我去学习，以后还要继续加油，谢谢大家观看呀！