前端与HTML | 青训营

39 阅读1分钟

前端

  • 解决GUI人机交互问题
  • 跨终端
  • Web技术栈

前端技术栈

HTML+CSS+JavaScript

前端关注点

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

HTML

  • HyperText Markup Language
  • HTML语法

标签和属性不区分大小写,推荐小写

空标签可以不闭合,比如input、meta

属性推荐用双引号包裹

某些属性值可以忽略

具体参见相关HTML 介绍

  • 语义化
  • HTML中的元素、属性及属性值都拥有某些含义
  • 开发者应该遵循语义来编写HTML
  • 优点:代码可读性、可维护性、搜索引擎优化、提升无障碍性
  • 使用
  • 开发者:修改维护页面
  • 浏览器:展示页面
  • 搜索引擎:提取关键字、排序
  • 屏幕阅读器-给盲人读页面内容
  • 语义化完成
  • 了解每个标签和属性的含义
  • 思考什么标签最适合描述这个内容
  • 不使用可视化工具生成代码

总的来说,这节课程还是很基础的,当然,HTML在前端中也是不可或缺的存在,基础还是要扎实,运用起来才会更加灵活。