这是我参与「第四届青训营」笔记创作活动的最后一天，回顾总结HTML学习

一.什么是前端

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页，前端主要是通过使用HTML、CSS、JavaScript等专业知识和工具将产品UI所设计的产品实现成网站产品并处理视觉和交互问题，它涵盖了PC端、移动端网页。前端是最接近用户和产品设计的。

二.前端技术栈

常用的Vue框架开发，React框架开发，Angular框架开发，数据可视化技术等都是前端学习需要掌握的技术。课程上主要陈述了HTML（内容）、CSS（样式）、JavaScript（行为）

三.前端应该关注问题

1.美观 页面好看

2.安全 用户使用安全

3.功能 网页功能符合预期要求

4.兼容 网页标准化，各游览器能访问

5.体验 舒适感的体现

6.性能 舒适感

7.无障碍 使用方便

四.什么是HTML

HTML，全称Hyper Text Markup Language，是网页内容结构的搭建者，其通过标签语言将网络上的文档格式统一，使分散的Internet资源链接为一个逻辑整体。

五.HTML常用标签

简单建立HTML页面

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>HTML浅用</title>
  </head>
  <body>
    写上内容
  </body>
</html>

六.常用标签

主要使用标签有这几大类：图像标签、盒子标签、超链接、锚点链接、列表标签、表格标签、表单标签等 这几个标签共同搭建了HTML页面的大体结构，此基础上在使用CSS对页面进行美化。

标签.png

七.语义化

HTML中的元素、属性及属性值都拥有某些含义，我们应该遵循语言来编写HTML语言。

语义化好处

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

如何做到语义化

了解每个标签和属性的含义
思考什么标签最适合描述这个内容
不适用可视化工具生成代码

前端与HTML ｜ 青训营笔记