前端与 HTML | 青训营笔记

409 阅读2分钟

前端是什么?主要做什么?

  • 前端作为现在现在技术发展的一部分,前端主要工作内容是将后端给的数据在页面上展示,属于与人交互的第一线。前端解决了GUI人机交互的问题。
    
  • 前端是可跨终端的,主要分为PC、移动浏览器、客户端小程序、VR、AR等等。
    
  • 前端的技术栈主要是HTML(内容)、CSS(样式)、JavaScript(行为)、vue/react框架。其中前端向服务器发送请求,请求包含请求地址、请求方式、请求参数等等网络协议,然后返回的数据给前端,然后前端进行展示数据,显示所要展示的页面内容。
    

前端应该关注哪些方面呢?

这个问题显而易见,就是美观,给客用户的第一印象,是否让用户看起来赏心悦目。然后还有功能,毕竟功能需求是第一位,功能必须符合用户需求,用户能无障碍的使用,还有用户的使用安全方面,账号安全、资金安全等等。作品的性能也是一大关注点,是否有好的性能,是客户的使用体验的重要影响因素。

HTML语法

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

HTML语义化

HTML中的元素、属性以及属性值都拥有某些含义;
开发者应该遵循语义来编写HTML
  •     有序列表用ol;无序列表用ul
    
  •     lang属性表示内容所使用的语言
    
  •  语义化的好处是代码的可读性、可维护性、搜索引擎优化、提升无障碍性。
    
    作为前端,我们要传达的是内容,而不是样式。先做出内容需求,再调整样式。