前端与HTML | 青训营笔记

87 阅读1分钟

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

1 什么是前端

前端的作用

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

前端技术栈

  • JavaScript(行为)
  • CSS(样式)
  • HTML(内容)

前端应该关注哪些问题

  • 功能 满足用户需求
  • 美观 界面美化
  • 无障碍 对于所有人是否可用
  • 安全 能否保证数据安全
  • 性能 用户体验如何
  • 兼容性 能否在各种设备上使用

2 HTML是什么?

HTML即HyperText Markup Language

DOM树

graph LR
    document --- &lthtml&gt
    &lthtml&gt--- &lthead&gt
    &lthtml&gt --- &ltbody&gt
    &lthead&gt --- &ltmeta&gt
    &lthead&gt --- &lttitle&gt
    &ltbody&gt --- &lth1&gt
    &ltbody&gt --- &ltp&gt

HTML语法

  • 标签和属性不区分大小写,但一般小写
  • 空标签可不闭合
  • 属性推荐使用双引号
  • 某些属性值可省略

ol有序列表,ul无序列表 blockquote块级引用(cite属性表引用出处)、cite短引用(作品文章),q短引用(具体内容) lang表示内容所使用的语言