在HTML中组织代码

Question

所以我在自学超文本标记语言，我想知道是否有更好的方式来组织我的代码，就像你在C++中使用杂注区域和杂注区域一样。我真的在寻找这样简单的东西，最多只有2到3行代码。对于那些不了解C++的人来说，杂注的用法如下：

#pragma region NameOfMyRegion
// Code....
#pragma endregion

然后，您可以根据需要展开和折叠它，区域的名称将是显示的名称，而不是区域中的整个代码段。示例位于此链接中：http://pho.to/9Z7LB

寻找一些超级简单的东西，因为我只知道C++，并且刚刚开始。

Answer 1

这在纯html中不存在，但在javascript (可以嵌入到script标记中)中存在。javascript可用于将HTML注入到页面中，因此通过这种方法，人们通常会通过导入的Javascript间接嵌入HTML。

在Javascript的较新版本之一的ES6中，你可以使用'import'：

import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

示例将指向一个名为example.js的文件，该文件将使用如下模型导出其函数。

//------ lib.js ------
export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

示例来自：http://www.2ality.com/2014/09/es6-modules-final.html

因为ES6并不是所有浏览器都能通用的，所以很多人使用预编译器将现代的ES6 javascript代码编译成老版本的javascript。一个常见的工具是Babel。