Html 简明教程

HTML - Editors

为了学习 HTML，我们建议您使用记事本之类的文本编辑器，因为记事本将帮助您了解每个标签的要求，它不会自行提供任何有助于理解 HTML 语法的建议。

What are HTML Editors?

HTML 编辑器是在某些情况下编写和运行 HTML 代码的工具。用户可以使用几种 HTML 编辑器（付费和免费）。

主要有两种类型的 HTML 编辑器 - Text Based 和 WYSIWYG(What You See Is What You Get) 。在本教程中，我们将使用基于文本的编辑器。

Online Free HTML Editor

这是我们免费使用的 * HTML editor* ，您可以在其中直接编写代码并立即并排查看结果。要测试您的代码或任何代码的一部分，这是最好的方法。您还可以创建新项目并保存项目。

html editor

Other HTML Code Editors

有很多代码编辑器可以提供许多功能，比如美化您的代码、指示丢失标签等。以下是常用的 HTML 编辑器。

VS Code:

VS Code 也是由 Microsoft 开发的源代码编辑器。它支持 Windows、Linux 和 macOS。功能包括调试支持、语法高亮显示、代码重构、智能代码补全等。

vs code editor

Features:

  1. 提供自动补全，帮助我们以更好的速度进行编码。

  2. 多个插件，帮助我们自定义编辑器并使用独特功能。

  3. 内置的 Git 命令支持，帮助我们提交、合并等。

  4. 集成的调试工具支持，帮助我们调试我们正在处理的所有代码。

Sublime:

它是一款跨平台源代码编辑器。用 C++ 和 Python 编写。功能包括快速导航至文件、符号或行。允许您同时编辑多个选定区域。

sublime editor

Features:

  1. 高度可定制的编辑器，我们可以选择带有多种功能的多个模板。

  2. 轻松切换我们正在处理的项目。

  3. 与其他编辑器相比，UI 复杂性较低，但可以选择扩展元素。

  4. 通过选择相同的关键字，允许即时进行更改。

Atom:

它是一款免费的开源代码编辑器，能够编辑多种语言。它可自定义的文本编辑器，使其保持独特性。

atom editor

Features:

  1. 提供自动补全，帮助我们以更好的速度进行编码。

  2. 访问大量开放源代码包库以扩展功能。

  3. 它受所有操作系统支持，如 Windows、Linux 和 macOS。

  4. 它允许对等编码，因此我们可以与其他开发者协作。

Notepad++:

记事本是一款免费的源代码编辑器。它用 C 编写，并支持以下功能，比如语法高亮显示、有限的自动补全用于编程、脚本编写等。

notepad plus plus editor

Features:

  1. 还可以突出显示 HTML、JavaScript 和其他语言的语法。

  2. 它提供搜索和替换选项，可用于在多个位置替换相同的文本。

  3. 易于在打开的文件之间进行浏览。

  4. 使用系统资源较少，与其他编辑器相比。

Bluefish:

创建的目标为大型项目，Bluefish 编辑器是效率最高的一个快速编辑器。

bluefish editor

Features:

  1. 与其他编辑器的内存占用极低相比，编辑的速度极快。

  2. 轻松地处理大型文件以及处理多个文件。

  3. 它还提供了自动完成功能，所以我们可以更快速地编码。

  4. 支持高级项目管理，所以我们可以轻松工作而不关心文件管理。

Reasons to use an HTML Editor

编辑器提供了一些记事本无法提供的功能。专业编辑器可以提供的功能如下：

  1. Syntax Highlighting: 突出标记标签和属性会帮助我们以视觉方式验证代码。

  2. Code Validation: 这是记事本缺失的最所需功能，它将指明不正确的语法和缺失的标记、不正确的属性，或者任何属性值的引号。

  3. 自动完成可为撰写诸如基本的 HTML 结构或多个元素要求等内容节省大量时间。

  4. 一些 HTML 编辑器提供调试工具来调试代码，但由于 HTML 中没有此类方案，所以这样的工具不是必需的。我们可以使用代码校验来帮助我们维护代码，如果我们做出任何不正确的动作。