web-dev-qa-db-ja.com

HTML用の#Regionコードはありますか

VBおよびC#には#Region ... #endRegionがあり、折りたたみ可能です。HTMLでこれを行う同様の方法はありますか?

現在、HTMLページのさまざまな要素がどこにあるかをブロックするコメントがありますが、すべての<tr><td>タグと<div>タグを折りたたむのではなく、単一の折りたたみポイントを設定したいと思います。 。

22
Jim

これは確かにIDEに依存しますが、VisualStudio用の無料のWebEssentials2012プラグインの最新バージョンでHTMLのリージョンサポートが追加されていることに今日気づきました。

http://visualstudiogallery.msdn.Microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6

http://vswebessentials.com/changelog

  <!--#region main  -->


  <!--#endregion -->
45
BigBlondeViking

Visual Studio 2013 Update 4以降、HTMLエディターで4つのリージョンがサポートされるようになりました。組み込みのコードスニペットを使用できます:「

<!-- #region SampleRegion -->
<!-- #endregion -->

この改善とその他の新機能の詳細については、 アップデート4をご覧ください。

15
Mauricio Aviles

簡単な答えはノーだと思います。

リージョンは、エディター(Visual Studio)によって認識されるIDEディレクティブのみです。HTML標準には何もありません。HTMLに入力したものはすべてブラウザーに直接送信されるため、私は何にも出くわしたことがなく、何かがあるとは想像できません。

11
Paul Hadfield

折りたたむセクションを強調表示して、Edit -> Outlining -> Hide Selectionに移動します

参照: 方法:Visual Web DeveloperでHTML要素を折りたたんで展開する

編集:これは、VisualStudioを使用していることを前提としています

10
Ryan Kinal

Divタグを使用してhtmlコードブロックを折りたたみました:

<div>
  Code Blocks...
</div>

学ぶ前に

<!--#region explanation blocks  -->
        Code Blocks...
<!--#endregion -->

どちらも問題を解決します。

3
suleymanduzgun

折りたたみコメントにこれを使用できます

<!-- Your comment caption -->
   <div class="hidden">
       Put Your comments here
   </div>

したがって、divはVSのhtmlコードで折りたたんだり展開したりできます

2
Cybernetic Code

HTMLの場合:

<!--#region -->
        Code code code...
<!--#endregion -->

Javascriptの場合:

// #region
        Code code code...
// #endregion

ご覧のとおり、VisualStudioはコメント内にリージョンブロックを示しています。

<!-- -->Htmlのコメントのサイン

//Javascriptのコメントのサイン

2
user10823333

enter image description here

<% # region %>

<% # endregion %>
0