这是我参与「第五届青训营 」笔记创作活动的第1天
课程介绍
本节课程围绕“前端要解决的基本问题”及“什么是 HTML ”两个基本问题展开，层层解析前端技术栈的构成，以及作为前端最为基础的技术 - HTML 基础语法和基本功能，在实际研发过程中如何做到 HTML 语义化？点击本节课程，字节工程师带你了解 HTML 高效的编写原则。
课程重点
- 前端工作的定义
- 前端技术栈拆解与分析
- HTML 作用解析
- HTML 语义化
1、前端工作的定义
前端技术是使用外部技术栈，解决多端图形用户界面交互的问题。
2、前端技术栈拆解与分析
前端技术栈
- CSS-样式
- JavaScrip-行为
- HTML-内容
前端应该解决的问题：
功能，无障碍，美观，安全，性能，兼容性，体验。
- Nodejs-服务器端应用
- electron-客户端应用
- React Native-客户端应用
- Web RTC-p2p传输
- WebGL-3D
3、什么是HTML？
<img src="photo.jpg"/>
src为属性名；photo.jpg为属性值
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
效果：
DOM树
4、HTML语法
列表
链接
多媒体
表单输入
引用
内容划分
5、HTML的语义化
- HTML中的元素、属性、属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 有序列表用ol；无序列表用ul
- lang属性表示内容所使用的语言
