前端与HTML| 青训营笔记

44 阅读1分钟

“这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天”在学习中我了解到以下方面

什么是前端

  • 解决GUI人机交互
  • 跨终端(pc/移动游览器,客户端/小程序,)
  • web技术栈

前端工程师是利用web技术栈解决多端用户图形界面下交互问题的工程师

前端技术栈:用javascript,css,html以http协议与服务器端交互

前端应关注什么问题:功能,美观,无障碍,安全,性能,兼容性,体验

前端的边界

  • node.js开发服务器端应用
  • electron开发客户端应用
  • react native进行在线传输多人会议
  • webrtc创造3d游戏
  • webGL将其他代码编译成能直接在游戏

HTML

<!DOCTYPE html>  <!--标记当前文件使用HTML的版本-->
<html lang="en">
<head><!--网页不显示-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页标题</title>
</head>
<body><!--呈现给用户的内容-->
    <h1>一级标题</h1>
    <p>段落</p>
</body>
</html>

HTML语义化 遵循语义编写HTML(有序列表用ol,无序列表用ul;lang属性表示内容所使用的语言)

为什么需要语义化

  • 便于开发者修改维护页面
  • 游览器展示页面
  • 搜索引擎提取关键词排序的根据 前端的无障碍性:屏幕阅读器便于给盲人读页面内容

语义化好处:

  1. 代码可读性
  2. 可维护性
  3. 搜索引擎优化
  4. 提升无障碍性

通过这节课了解到在以后的编写中需要特别注意语义化了解到了前端边界有了大概学习方向