前端 | 青训营笔记

101 阅读1分钟
    这是我参与「第四届青训营 」笔记创作活动的的第2天

什么是前端?

  • 解决GUI售货机交互问题
  • 跨终端
  • web技术栈

前端工程师是什么?

前端工程师就是使用web技术栈解决多端图形界面问题的工程师

前端技术栈

HTML(内容)+CSS(样式)+Javascript (行为)

关注方面

功能 美观 性能 无障碍 安全 兼容性

开发环境

仅需浏览器和编辑器,入门简单

开发环境.png

HTML是什么?

HyperText Markup Language

DOM结构

DOM结构 .png

BOM与DOM

BOM和DOM的关系图.jfif

HTML的语法

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

网页内容划分

3内容划分.png

语义化

  • HTML中的元素 属性及属性值都拥有某些含义

  • 开发者应该遵循语义来编写HTML

      语义化的好处:
      - 代码可读性
      - 可维护性
      - 搜索引擎优化
      - 提升无障碍性