#这是我参与「第四届青训营」笔记创作活动的的第1天#
1，什么是前端
前端
网站前台部分，运行在PC端、移动端等浏览器上展现给用户浏览的网页。
前端开发
创建WEB页面或APP等前端界面呈现给用户的过程。
目标
使用Web技术栈解决多端图形用户界面交互问题。
前端技术栈
JavaScript、CSS、HTML、网络协议（计算机在网络中实现通信时必须遵守的规则和约定，如：HTTP）。
前端应该关注哪些方面？
classDiagram
前端 <|-- 功能
前端 <|-- 美观
前端 <|-- 兼容
前端 <|-- 性能
前端 <|-- 无障碍
前端 <|-- 安全
前端 <|-- 体验
前端的边界
- Node.js ：运行在服务端的JavaScript。
- Electron ：由Github开发，用HTML、CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。
- React Native：是一种JavaScript框架，可以让开发人员构建强大而响应迅速的交互式应用程序。
- WebRTC：网页即时通讯，是直接在Web浏览器内驱动实时通信（语音、视频和任意数据）方法的API。
- WebGL：一种3D绘图协议。
- WebASSEMBLY：一种以安全有效的方式运行可移植程序的新技术。
开发环境
2，HTML基础
HTML是什么？
Htyp Text：超文本，如文字、图形、动画、声音、表格、链接等
Markup Language：标记语言，<p>我的第一个段落</p>
HTML的基本结构
<html>
<head>
<meta charset="utf-8">
<title>页面标题</title>
</head>
<body>
<h1>一级标题</h1>
<p>段落内容</P>
</body>
</html>
<!DOCTYPE html>声明文档类型。<html>这个元素包裹了整个完整的页面，是一个根元素<head>包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。<meta charset="utf-8">:utf-8字符集包含了人类大部分的文字。<title>设置页面标题，出现在浏览器标签上<body>访问页面时所有显示在页面上的内容- 浏览器会根据HTML文档解析出一个DOM树
HTML常用元素
| 元素 | 描述 |
|---|---|
<p> | 段落元素 |
<a> | 超链接元素 |
<ul> | 无序列表 |
<ol> | 有序列表 |
<dl> | 自定义列表 |
<dd> | 列表具体描述 |
<dt> | 列表标题 |
<blockquote> | 块级引用 |
语义化
HTML中的元素、属性及属性值都拥有某些含义，开发者应该遵循予以来编写HTML，例如有序列表用ol，无序列表用ul，lang属性表示内容所使用的语言。 它的好处是：使代码具有可读性、可维护性、易于优化搜索引擎、提升无障碍性。
