什么是前端? | 青训营

77 阅读1分钟

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

一、前端技术栈 服务器端—网络协议—→JavaScript(行为)、CSS(样式)、HTML(内容)【反向也可】 关注:美观、功能、无障碍、安全、性能、兼容、体验 前端的开发环境:浏览器、编辑器

二、HTML(HyperText Markup Language) 1.图片、标题、链接、表格+文章标题

2.DOM树 3.HTML语法 标签和属性不区分大小写,推荐小写 空标签可以不闭合,比如input、meta 属性值推荐用双引号包裹 某些属性值可以省略,比如required、readonly

4.语义化是什么 HTML中的元素、属性及属性值都拥有某些含义 开发者应该遵循语义来编写HTML 有序列表用ol;无序列表ul lang属性表示内容所使用的语言

5.谁在使用我们写的HTML 开发者-修改、维护页面 浏览器-展示页面 搜索引擎-提取关键词、排序 屏幕阅读器-给盲人读页面内容

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

传达内容,而不是样式

7.如何做到语义化 了解每个标签和属性的含义 思考什么标签最合适描述这个内容 不使用可视化工具生成代码

web标准与前端开发 01 关于前端开发 02 关于web标准 W3C:world wide web consortium Ecma:Ecma International WHATWGweb hypertext applicatin technology working group IETF: internet engineering task force

思考 这几天学习了很多,初步了解了前端的基础内容,了解开发标准,会继续深入学习的。