前端与 HTML | 青训营笔记

415 阅读1分钟

这是我参与「第五届青训营 」笔记创作活动的第1天

今天课程内容相对简单,对“前端“这个概念进行了梳理,强调了Html中语义化的重要性,可以看这篇笔记简单回顾下:

什么是前端?

  • 解决GUI人机交互问题
  • 跨终端
    • PC/移动浏览器
    • 客户端小程序
    • VR/AR等
  • Web技术栈

前端技术还可以用来做什么

  • node.js:可用于开发服务器端应用
  • electron & React Native:可以开发客户端/移动端
  • WebRTC:P to P在线传输 和多人会议
  • WebGL:开发3D游戏
  • WebASSEMBLY:讲c++或java编译成可在浏览器运行的语言

什么是 HTML

image.png

image.png

一些常用标签:

  • 无序列表 ul>li
  • 有序列表 ol>li
  • 定义列表 key-value
  • 链接:a href=""
  • 多媒体:img audio video
  • 表单:

image.png

常见的内容划分形式:

image.png

语义化是什么?

  • HTML中的元素、属性及属性值都拥有某些含义
  • 开发者应该遵循语义来编写HTML
    • 有序列表用ol;无序列表用ul
    • lang 属性表示内容所使用的语言A 语义化的好处
  • 代码可读性
  • 可维护性
  • 搜索引擎优化
  • 提升无障碍性