这是我参与「第五届青训营 」笔记创作活动的第1天
一、本堂课重点内容：
围绕"前端要解决的基本问题"及"什么是 HTML"两个基本问题展开
二、详细知识点介绍：
前端的目的是解决ui界面人机交互问题。
前端主要技术分为
- HTML(内容)
- CSS(样式)
- JavaScript(行为)
浏览器通过http协议与服务器进行通讯，将前端代码通过http协议从服务器获取，渲染成页面。浏览器也可以将用户填写的内容发送到服务器端。
前端应该关注的方面
- 美观
- 功能
- 安全
- 兼容
- 性能
- 无障碍
html框架
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body>
</body>
</html>
浏览器会将html代码进行解性为dom树
常用html标签
- div
- p 段落
- label 标记
- h1 ~ h6 标题
- input 输入
- ol,li 有序列表
- ul,li 无序列表
- dl,dt,dd key,value形式的列表
- a 链接
- button
- img 图片
- audio 音频
- video 视频
- select option 下拉选择
- blockqueote 块级引用
- cite 斜体
- code 代码
- pre 定义预格式化文本
语义化
html中元素、属性及属性值都拥有某些含义。
开发者应遵循语义来编写html
有序列表用ol，无序列表用ul
lang属性表示内容所使用的语言
谁在使用html页面？
- 开发者 - 修改、维护页面
- 浏览器 - 展示页面
- 搜索引擎 - 提取关键字、排序
- 屏幕阅读器 - 给盲人读页面内容
