html基础 | 青训营笔记

InifniteZ1
76 阅读2分钟

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

关于开发框架

Node.js
Node.js 就是运行在服务端的 JavaScript。该平台基于Chrome Javascript运行时建立
Node.js是一个事件驱动I/O服务端JavaScript环境，基于谷歌v8引擎

Google V8引擎 执行JavaScript的速度快，性能好

ELECTRON
Electron是GitHub开发的一个开源框架。它允许使用Node.js（作为后端）和Chromium（作为前端）完成桌面GUI应用程序的开发。

React Native
React Native使你能够在Javascript和 React的基础上获得完全一致的开发体验，构建世界一流的原生APP。React Native着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。

开发环境

浏览器：IE Chrome Firefox Safari
编辑器：VSCode Vim WebStorm

HTML基础

HTML (HyperText Markup Language)超文本标记语言
其代码格式主体如下 
<!doctype html>
<html>
    <head>
        ...
    </head>
    <body>
    ...
    </body>
</html>

HTML语法

  • 标签和属性不区分大小写
  • 空标签可以不闭合
  • 属性值推荐用双引号包裹
  • 某些属性值可以忽略，如required readonly

HTML语义化

  • html中的元素，属性及属性值都拥有某些含义
  • 开发者应该遵循语义来编写HTML
     有序列表用ol，无序列表用ul
     lang属性表示内容所使用的语言

关于html代码的使用&好处
开发者-> 修改&维护页面-> 提高代码可读性
浏览器-> 展示页面-> 提高可维护性
搜索引擎-> 提取关键词&排序-> 优化搜索引擎
屏幕阅读器-> 给盲人读页面内容-> 提升无障碍性

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

个人总结

今天的课程使我进一步了解了html的原理，语法，以及语义化和性能对于项目开发中的重要性
对于规范今后的代码编写打下了坚实的基础，对于今后的学习来说是一个良好的开端
在之前，我一直对于前后端的边界认识很模糊，在今天的学习之后，对于前后端的分界又有了一个清晰的认识： 前端才是与用户直接交互的部分，其包括在浏览网页中所有的可视内容。这些视觉内容，均为浏览器解析，渲染相关文件后呈现
avatar
文章
阅读
粉丝