这是我参与「第五届青训营 」伴学笔记创作活动的第 1天。
一.本堂课主要讲述
前端的理论，HTML语言的主要内容
二.具体内容
前端概览
什么是前端
通过Web技术栈利用跨端的手段来解决GUI人机交互问题
前端的技术栈
前端基本的技术栈包括构建网页骨架的html、添加网页样式 css、定义网页行为的js和通过 http协议进行服务端与客户端之间的通信
前端的边界
node 编写后端代码 electricon 进行客户端开发 react 使用 React 来创建 Android 和 iOS 的原生应用 webRTC 网络连接浏览器 通话开发 webGL 网页动画 WebASSEMLY 将c或c++ 运行到web上
前端的关注点
功能 美观 无障碍 安全 兼容 性能
HTML
HTML 简介
HTML是一种超文本标记语言 将各种超越文本的数据 例如 图片 音频 视频 链接等 使用标记语言表示出来
HTML语法
- 标签属性不区分大小写，推荐小写
- 空标签可以不闭合
- 属性值推荐双引号包裹
常用标签
标题<h1>到<h6>
图片<img src=''>
列表相关ol ul li dl dt dd
链接a
音频相关audio video
input
引用blockquote cite q
代码code
强调strong em
HTML 语义化
语义化是什么？
- HTML中的元素、属性和属性值含有某种含义
- 开发者应该遵循语义来编写
例如网页的头部用
header,网页的主体是main网页的底部用footer等
语义化的使用之地
- 开发人员能轻易读懂代码
- 后期测试完后便与维护
- 在搜索引擎中语义化的代码能优化搜索的相关性
开发者如何做到语义化开发
- 了解各种标签与属性的意义
- 编写时代码时使用合适的标签到具体场景中
三.总结
本堂课主要讲述了何为前端，以及前端基础语言HTML。为初学者学习前端提供了具体的方向。
