<! - open -> Tại sao nhiều nhà phát triển làm điều này trong HTML của họ? <!

8

 <body>  
  <!-- wrapper -->  
  <div id="wrapper"> 
   <!-- title -->
   <div id="title"><img src="title.png" alt="" /></div>

   <!-- form wrapper -->
   <div id="form_wrapper">

    <!-- form -->
    <form action="thankyou.php" method="POST">
     <!-- ... ... -->
    </form>
    <!-- /form -->
   </div>
   <!-- /form wrapper -->
  </div>
  <!-- /wrapper -->
 </body>

Tôi gần như có thể hiểu được ở cuối, bởi vì nó bắt đầu từ thẻ / cặp ... nhưng nghiêm túc, điểm của các dòng bình luận mở đầu là gì? Tôi sẽ không đặt câu hỏi nếu tôi không thấy điều này mọi lúc .

Tôi cảm thấy như mình đang thiếu thứ gì đó. Có thể có một số thực hành tốt nhất chưa được đăng ký có liên quan, mặc dù tôi không hiểu những gì nó có thể có thể. Nhiều khả năng đó chỉ là hành vi ám ảnh cưỡng chế.

Làm thế nào để các bạn thường bình luận đánh dấu của bạn, nếu có?

comments html

— Stephen
nguồn

có thể trùng lặp với: lập trình

— Chris

1

Tôi nghĩ rằng tôi sẽ bắt đầu làm điều đó.

— Peter Turner

1

Mặc dù loại điều này có thể hữu ích khi nó hoạt động, tôi đã thấy những bình luận đó bị ly dị khỏi các thẻ liên kết của họ sau một thời gian, và sau đó chúng thực sự gây hại nhiều hơn là tốt.

— Rohan Singh

1

Đây là một tautology tốt nhất và chống mẫu nguy hiểm ở mức tồi tệ nhất, ngay khi ai đó chỉnh sửa mớ hỗn độn này, các bình luận sẽ không đồng bộ với thực tế và trở nên lộn xộn hơn là không có chúng. Định dạng đúng và IDE tốt làm cho loại tào lao này trở nên vô dụng!

1

Tôi đoán lý do thực sự tại sao một số nhà phát triển có thể thích phong cách này là vì nó trông đối xứng - rất nhiều nhà phát triển tầm thường thích viết mã đối xứng mà không lãng phí suy nghĩ nếu điều này thực sự có ý nghĩa hoặc hoàn toàn dũng cảm. Điều này đôi khi được gọi là "lập trình bởi sự trùng hợp".

— Doc Brown

9

Đôi khi tên lớp CSS là chung chung và không được đặt tên cụ thể. Ví dụ, nếu bạn có

<!--Code before-->



<!--Column one-->
<div class="center-bold">




    <!--Tons of lines-->




</div>
<!--End column-->

Sẽ không tốt nếu biết những gì bạn bắt đầu? Tôi chắc chắn sẽ không muốn cuộn đến cuối cùng để tìm ra rằng toàn bộ div là một cột.

— TheLQ
nguồn

Chỉ được chấp nhận vì nhận xét "mở" xác định thành phần đánh dấu chưa được xác định bằng ID hoặc lớp mô tả.

— Stephen

3

Tôi đoán điều khiến tôi bận tâm nhất là những thứ dư thừa như </form>và<div id="wrapper">

— Stephen

Đây là những gì tôi đã nhận được, ví dụ của bạn chỉ được trình bày rõ ràng hơn. Câu trả lời tốt!

— Chris

6

HTML giống như mã được biên dịch với tôi. Nó được tối ưu hóa, không có không gian, không có bình luận và càng nhỏ càng tốt trong khi hoàn thành công việc. Tuy nhiên, tôi có một số nhận xét trong các mẫu tạo tệp HTML. Bạn sẽ không bao giờ nhìn thấy chúng, trừ khi bạn tham gia nhóm dev!

Điều tương tự cũng xảy ra với JavaScript. Bất kỳ JS nào bạn thấy trên trang web của tôi đều được nén, rút gọn và xóa các nhận xét. Nhận xét là để phát triển, không lãng phí băng thông!

— andrewrk
nguồn

4

Thông thường đánh dấu của tôi được tạo động nên không bao gồm các bình luận ... nhưng khi tôi viết đánh dấu, tôi sẽ có:

<!-- start BLOCK--> 
  html markup 
<!-- close BLOCK-->

Nó giúp tôi dễ dàng hơn trong việc xem các khối / div chính nằm trong mã của mình.

— Chris
nguồn

Tôi hoàn toàn đồng ý.

— Evik James

2

Tôi tin rằng điều này xuất phát từ các tài liệu không có sự chú ý thích hợp. Vì vậy, nếu bạn không thể biết bạn đang ở đâu từ cột bạn đang ở - thì điều tốt nhất tiếp theo là xem xét các bình luận. Nó dường như đã phát triển từ tình trạng khó xử này.

Cá nhân, tôi sẽ nhận được trên những người không thụt mã.

— Xeoncross
nguồn

1

Tôi chỉ có thể nghĩ về một trường hợp sử dụng hợp lệ cho việc này: các mẫu HTML một phần.

Nếu đó là một trang HTML đầy đủ, thì bạn nên thụt lề đúng cách để dễ xác định khi các yếu tố bắt đầu và kết thúc. Các biên tập viên Decent cũng làm nổi bật các đầu đối diện của thẻ. Trong những trường hợp này, bình luận không liên quan là gây phiền nhiễu.

Nếu đó là một phần mẫu (ví dụ: đầu trang và chân trang), thì nếu bạn đang mở một số bộ chứa trang, có thể hữu ích để hiển thị ở chân trang nơi kết thúc.

tiêu đề

<div id="header">
    ...
</div>
<div id="contentContainer">
    <div id="content">

chân trang

    </div> <!-- /#content -->
</div> <!-- /#contentContainer -->
<div id="footer">
    ...
</div>

Trong các trường hợp (có lẽ phức tạp hơn) như thế này, việc có các bình luận khá hữu ích để xem thẻ nào được cho là sẽ đóng. Đây là trường hợp duy nhất tôi đi qua nơi tôi không bận tâm đến những bình luận này, mặc dù vậy, họ vẫn cảm thấy bẩn.

— Adrian Schneider
nguồn

Có, với những thứ như chế độ xem và mẫu, điều này thường gây ra vấn đề vì mỗi phân đoạn chỉ được thụt vào mã cụ thể của tệp đó.

— Xeoncross

1

Điều này hữu ích nếu trang được hiển thị bởi nhiều tệp / mẫu khác nhau, v.v.

Một cái gì đó như thế này:

<?php

echo "<!-- sidebar -->\n";
include("sidebar.php");  
echo "<!-- /sidebar -->";
# Or better yet, put the HTML comments *inside* sidebar.php
?>

Bằng cách đó nếu bạn nhận thấy một số điều kỳ lạ trong HTML được hiển thị của mình, bạn có thể nhanh chóng theo dõi mã đã tạo ra nó.

— tylerl
nguồn

<! - open -> Tại sao nhiều nhà phát triển làm điều này trong HTML của họ? <! - / đóng ->