Организация кода в HTML

Question

Итак, я сам изучаю HTML, и мне было интересно, есть ли способ лучше организовать мой код, например, когда вы используете область прагмы и прагма endregion на C++. Я действительно ищу, чтобы что-то было таким простым, чтобы в лучшем случае быть 2 или, может быть, 3 строки кода. Для тех, кто не знает, C++, прагма используется так:

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

И тогда вы можете просто развернуть и свернуть его, как вы хотите, и название региона, будет то, что отображается вместо целая куча раздела кода в регионе. Пример находится в этой ссылке: http://pho.to/9Z7LB

Ищете что-то просто супер, потому что я знаю только C++ и просто начал HTML.

Answer 1

Это не существует в чистом html, но оно выполняется в javascript (который может быть встроен в тег скрипта). Javascript можно использовать для ввода HTML на вашу страницу, поэтому через этот метод люди часто вставляют HTML косвенно через импортированный javascript.

В ES6 одной из новых версий JavaScript, вы можете использовать «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.