HTML에 대한 #지역 코드가 있습니까?

HTML에 대한 #지역 코드가 있습니까?

VB와 C#에는 다음이 있습니다.#Region ... #endRegion그리고 그것을 접을 수 있게 합니다.HTML에서 이와 비슷한 방법이 있습니까?

지금은 HTML 페이지에서 다른 요소가 있는 곳을 차단하는 댓글이 있지만, 모든 것 대신 단일 접힘 지점을 갖고 싶습니다.<tr> <td>그리고.<div>태그가 축소되었습니다.

이는 IDE에 따라 다릅니다. Visual Studio용 무료 Web Essentials 2012 플러그인의 최신 버전이 HTML로 지역 지원을 추가했다는 사실을 오늘 알게 되었습니다.

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

http://vswebessentials.com/changelog

  <!--#region main  -->


  <!--#endregion -->

Visual Studio 2013 이후 업데이트 4 영역은 이제 HTML 편집기에서 지원됩니다.내장 코드 스니펫을 사용할 수 있습니다. 유형 "

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

업데이트 4에서 이 개선 사항 및 기타 새로운 기능에 대한 자세한 내용을 확인할 수 있습니다.

저는 짧게 대답하면 '아니오'라고 생각합니다.

지역은 편집자(Visual Studio)가 인식하는 IDE 지침일 뿐입니다.HTML 표준에는 아무것도 없고 당신이 HTML에 입력한 모든 것이 브라우저로 바로 전송될 것이기 때문에 저는 아무것도 발견하지 못했고 어떤 것도 있을 것이라고 상상할 수 없습니다.

축소할 섹션을 강조 표시한 다음Edit -> Outlining -> Hide Selection

참조:방법: Visual Web Developer에서 HTML 요소 축소 및 확장

편집: Visual Studio를 사용하고 있다고 가정합니다.

HTML의 경우:

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

Javascript의 경우:

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

보시다시피 Visual Studio는 주석 내부에 영역 블록을 표시합니다.

<!-- -->HTML의 주석 부호

//Javascript의 주석 부호

div 태그를 사용하여 HTML 코드 블록을 축소했습니다.

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

내가 알기 전에

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

둘 다 문제를 해결합니다.

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 -->

참고: 사용할 수 없습니다.Visual Studio 2022아직.

축소 설명에 사용할 수 있습니다.

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

VS에서 div가 html 코드를 접거나 확장할 수 있습니다.

<% # region %>

<% # endregion %>

Visual Studio 2022에서 지역 기능이 작동할 때도 있고 작동하지 않을 때도 있습니다.위의 많은 것들을 시도해 보았는데, 지역이 실제로 만들어졌는지 아닌지에 대한 히트나 미스가 있습니다.

하지만 저는 이것이 매번 효과가 있다는 것을 발견했습니다.

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

매번 무너지는데, 지역 이름을 적나라하게 보여줍니다.

**@AndrewMorton 코멘트 덕분에 업데이트되었습니다.

Visual Studio Code에서는 올바른 구문을 사용하여 이 작업을 수행할 수 있습니다.

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

사이에 .#그리고.region또는endregion.

언급URL : https://stackoverflow.com/questions/3521826/is-there-region-code-for-html