前端与HTML | 青训营笔记

439 阅读2分钟

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

关于HTML

超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

HTML语法的标准

  1. 标签和属性不区分大小写
  2. 空标签可不闭合
  3. 属性值推荐用双引号包裹
  4. 某些属性值可以忽略

HTML语义化

html中的元素,属性及属性值都拥有某些含义 开发者应该遵循语义来编写HTML

这里附上我最初学习HTML的一段代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/style.css"/>
	</head>
	<body>
		<div class="box1">
			
		</div>
		<section class="box1"></section>
	</body>
</html>

如何做到语义化?

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

接下来是开发框架的知识

开发框架的集大成者 Node.js

Node.js 是服务端的 JavaScript。

主流的框架以下列出两种

ELECTRON
Electron是GitHub开发的一个开源框架。它允许使用Node.js(作为后端)和Chromium(作为前端)完成桌面GUI应用程序的开发。
React Native
React Native使你能够在Javascript和 React的基础上获得完全一致的开发体验,构建世界一流的原生APP。React Native着力于提高多平台开发的开发效率

开发环境的选择有两种

第一种是浏览器:IE Chrome Firefox Safari
其便利在于可以在线编辑 省去了繁杂的配置环境的的步骤 使你一步到位 直奔主题 而另一种是编辑器:VSCode Vim WebStorm
它可以为你提供最为全面的 最舒适的编程环境 让你思如泉涌
我个人比较倾向于使用本地环境 这里不得不安利一下VSCode 大量的插件以及傻瓜式的操作 使你能够沉浸在编程中

参考:HTML 教程 | 菜鸟教程 (runoob.com)