前端与HTML|青训营笔记

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

什么是前端？

前端，又称Web前端。是指计算机Web应用程序（网站）的前台页面,通俗的来说，就是 实现网页上的内容与人的交互,解决人机的交互的问题。并且能在多个终端上传递信息、互相协作。

前端包含什么？

• 代表行为的javascript
• 代表样式的css
• 代表内容的HTML

HTML就是我们在网页上所以看到的各种的内容，文字，图片，链接等，而css是给这些内容赋予一定的样式，例如大小，背景颜色等，而最高级的javascript则是给其赋予一定的逻辑，例如在输入框中输入错误会弹出一个告知错误的提示框

在了解了基础内容之后需要我们去关注什么呢？

1. 功能
2. 安全
3. 美观
4. 兼容
5. 性能
6. 体验
7. 无障碍

  
  毫无疑问，功能是最重要的，只有实现了基础的功能才能去考虑其他的。
  完成功能之后就需要去考虑是否安全，是否能不同的浏览器，在网页或者移动端都能使
  用。还要需要去考虑是都是有高性能，不能把代码写成shi山，最后还需要去考虑网页是
  否美观，需要给用户一个良好的体验感，能够让用户无障碍的使用网页中的相关的内容。

在学习完前端的基础三剑客——HTML，CSS，Javascript之后，还需要去学习框架，例如Vue，React等，需要去了解数据处理的node,Wepack等一系列的知识，这是后话，暂且不谈

关于HTML

由于我对HTML有一定的了解，对HTML中的各种的标签以及作用，相关的属性有一定的了解，就不在深入的写笔记了，主要是列出重要的几点

• 标签以及属性不分大小写，但一般都写小写
• 有一些标签的属性可以不写，因为他有一个自己的默认值，如果不写，就是默认值

当我们写好相关的代码，在Vscode中就可以直接的运行，浏览器会识别相关的代码
并将相应的内容渲染到浏览的页面上，当然，这只是在本地能够访问，其他人是无法
访问的，后面的学习会教我们如何的搭建网站，让其他人也能够访问到我们的网页
这是后话，暂且不谈

在上课的时候提到的一个名词：语义化

老师给出的解释是：HTML中的元素，属性及属性值都含有某些含义，开发者用应该遵循语义来编写HTML。

我查阅资料，语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解。就是让浏览器能够识别我们所写的内容

遵循语义去写代码能够让代码具有可读性，可维护性，能优化搜索引擎，提升无障碍性。当然，我们需要去了解标签的作用，属性的作用，才能去遵循语义写出合理的代码