組織HTML中的代碼

所以我自學HTML，我想知道是否有辦法以更好的方式組織我的代碼，就像在C++中使用pragma區域和pragma endregion一樣。我真的很想找到像這樣簡單的東西，最好是2或3代碼行。對於那些誰不知道C++，編譯這樣使用：組織HTML中的代碼

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

然後你可以展開和摺疊它如你所願，並會顯示，而不是該區域的名稱是什麼整個地區的一大堆代碼部分。這個例子是在這個鏈接：http://pho.to/9Z7LB

尋找超級簡單的東西，因爲我只知道C++，並剛剛啓動HTML。

來源

2015-07-11 Dandi

如果您有半高級文本編輯器，則可以摺疊和展開元素。 –

C++中沒有'#pragma region'。這是[Microsoft特定的擴展]（https://msdn.microsoft.com/en-us/library/b6xkz944.aspx）。 – IInspectable

我使用VS13，所以這也許是我可以使用它的原因。我無法摺疊和展開不在括號內的部分，也不能展開標記爲註釋的兩行或更多行。 – Dandi

這不是存在於純html中，但它在JavaScript中（它可以嵌入到腳本標記中）。 Javascript可以用來在你的頁面中注入HTML，所以通過這種方法，人們通常通過導入的javascript間接嵌入HTML。

在ES6一個Java腳本的新版本，你可以用「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。

來源

2016-11-06 00:43:30

組織HTML中的代碼

回答

相關問題