前端与 HTML | 青训营笔记

24 阅读1分钟

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

本节课程介绍了前端是什么,HTML 的概念、语义化和常用的 HTML 标签,以及要解决的问题和技术栈等。

什么是前端?

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

前端技术栈

image.png

前端应该关注哪些方面?

  1. 功能
  2. 美观
  3. 安全
  4. 兼容
  5. 性能
  6. 无障碍

超文本是什么?

Hyper Text :图片,标题,链接,表格

Markup Language:

image.png

HTML语法

  • 标签和属性不区分大小写,推荐小写
  • 空标签可以不闭合,比如input,meta
  • 属性值推荐用双引号包裹
  • 某些属性值可以省略,比如required,readonly

语义划分是什么?

  • HTMl中的元素,属性及属性值都有某些特殊的含义
  • 开发者应该遵循语义来编写HTML

今日的笔记到这里就结束啦~ 感谢阅读!