34

在 VB 和 C# 中有#Region ... #endRegion并且可以折叠。有没有类似的方法在 HTML 中做到这一点？

现在我只是有评论阻止了我的 HTML 页面上不同元素的位置，但我希望有一个折叠点而不是所有的<tr> <td>和<div>标签都折叠。

4

10 回答 10

66

这确实取决于 IDE，今天刚刚注意到 Visual Studio 的免费 Web Essentials 2012 插件的最新版本在 HTML 中添加了区域支持。

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

http://vswebessentials.com/changelog

  <!--#region main  -->


  <!--#endregion -->
于 2013-09-30T14:05:17.670 回答
16

自 Visual Studio 2013 Update 4 起，HTML 编辑器现在支持区域。您可以使用内置的代码片段：输入“ 

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

您可以在此处找到更新 4中此改进和其他新功能的详细信息。

于 2014-10-27T05:40:08.660 回答
12

我认为简短的回答是否定的。

Region 只是编辑器 (Visual Studio) 识别的 IDE 指令。HTML 标准中没有任何内容，您在 HTML 中所做的任何内容也会直接发送到浏览器，因此我没有遇到任何内容，也无法想象会有任何内容。

于 2010-08-19T12:43:50.800 回答
10

突出显示要折叠的部分，然后转到Edit -> Outlining -> Hide Selection

参考：如何：在 Visual Web Developer 中折叠和展开 HTML 元素

编辑：这假设您使用的是 Visual Studio

于 2010-08-19T12:47:08.150 回答
4

对于 HTML：

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

对于 Javascript：

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

如您所见，Visual Studio 在注释中声明了区域块。

<!-- -->Html 中的注释符号

// Javascript 中的注释符号

于 2018-12-22T12:31:26.280 回答
3

我使用 div 标签折叠 html 代码块：

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

在我学习之前

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

他们都解决了问题。

于 2018-12-14T07:40:47.127 回答
2

您可以将其用于折叠评论

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

所以div可以在VS中的html代码中折叠或展开

于 2018-06-07T09:01:05.033 回答
1

为了让大纲在 Visual Studio 2019 中工作，请确保在评论结束标记之前和之后有空间：

<!-- #region -->
    <!--Blazor Components Signal-R server-->
    <script src="_framework/blazor.server.js"></script>
    <!-- jQuery -->
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <!-- jQuery UI 1.11.4 -->
    <script src="~/lib/plugins/jquery-ui/jquery-ui.min.js"></script>
    <!--Bootstrap bundle-->
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- #endregion -->

在此处输入图像描述

于 2020-11-12T14:31:01.287 回答
0

在此处输入图像描述

<% # region %>

<% # endregion %>

于 2019-06-25T14:12:55.940 回答
0

奇怪的是，有时区域功能在 Visual Studio 2022 中对我有用，但有时却不行。我尝试了上述许多方法，对于是否实际创建了该区域，这是命中注定的。

但我发现这每次都有效：

 <div data-region="My Header Region">This is my Header Region</div>
 </div>

它每次都崩溃，并且清楚地显示区域名称。

**感谢@AndrewMorton 评论更新。

于 2021-12-25T18:20:56.630 回答