前端与HTML

191 阅读2分钟

Aims:

  • 通过关键词复习课堂内容;
  • 了解前端术语

语义化

什么是语义化?
“对数据和信息进行处理,能够使机器理解。” HTML语义化——元素(标签)、属性、属性值都有其含义。在实际使用中,针对不同的绘制页面的情况/需求,选择最恰当的元素。 如何做到语义化?
① 不可使用可视化工具书写代码。
② 不同的页面表现形式,使用不同的标签。
③ 了解每个标签和其属性、属性值的含义。

HTML

格式

  1. 不区分大小写,最好小写;
  2. 键值对, key="value"
  3. 空标签;
  4. 属性值可选择性忽略;

超链接

  1. 页面跳转 <a href="www.bing.com">跳转至另一个页面</a>
    跳转至另一个页面。
  2. 页内跳转

额外知识的扩展

Electron:基于web前端技术来开发GUI的框架。
  • GUI(graphic user interface): 桌面应用程序。
  • 为什么是基于web前端技术?
    • 利用html、css来绘制页面和控制布局;
      
    • 利用Javascript控制用户行为和业务逻辑
      
    • 使用框架
      
  • 跨平台(即,在不同的操作系统中也能使用,如linux、mac、windows...)
React

一个框架。 因为其组件化的功能,能够节省代码、将重复的代码封装、减少DOM的修改...

webRCT:网页即时通信。

使用浏览器来进行语音、视频、文字传输、文件传输等交流。

webGL: 3D绘画协议。

帮助HTML5 canvas加速渲染。

node.js

使js运行在服务端的开发平台。
web application: 网页应用。不用安装在PC本地,就可以使用的应用。
react+reactDOM 开发网页应用
react+reactNative 开发手机应用
rendering:渲染(将创建的html、css、js抽象语句在浏览器中实体化出来)