前端与HTML | 青训营笔记

71 阅读2分钟

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

重点内容

  • 介绍了前端的概念
  • 前端的技术栈
  • 前端的关注点
  • 前端的一些方向
  • HTML的概念
  • HTML语义化

详细介绍

前端

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

即利用web技术栈解决多端GUI人机交互的问题

前端技术栈

主要是以传统三件套为基础:HTML(内容)CSS(样式)JavaScript(行为)

前端关注点

其实在我学习前端的过程中,我也不知道自己具体需要关注什么方面,只是自己在与学习,与他人协作的过程中会比较关注的是功能的完整性,页面的美观性,以及代码的可维护性,这堂课老师还提到了许多平时自己忽略的关注点,感觉受益匪浅
具体如下:

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

前端的边界

前端涉及的概念,技术,应用非常广泛,nodejs,electron,WebRTC,WebGL等这些都在前端的范畴内

HTML

概念

全称Hyper Markup Language

语法

  • 标签和属性不区分大小写,习惯小写
  • 空标签可以不闭合
  • 属性值推荐双引号包裹
  • 部分属性可省略

语义化

HTML中的元素、属性、及属性值都拥有某些含义,作为开发者我们应该遵循语义来编写HTML,这样可以维护代码的可读性,增强可维护性,便于搜索引擎优化及无障碍化提升

    <p style="font-size32px">前端工程师的自我修养</p>
    
    <h1>前端工程师的自我修养</h1>

以上两段代码的实现效果是一样的,但遵循语义化的原则,我们会选择使用第二种

个人总结

本堂课主要是讲了前端最基础的部分,引导大家对前端有最基本的认识并遵循好的规范