{"id":4469,"date":"2009-10-22T14:52:22","date_gmt":"2009-10-22T21:52:22","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=4469"},"modified":"2009-10-22T14:53:04","modified_gmt":"2009-10-22T21:53:04","slug":"comments-in-html","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/snippets\/html\/comments-in-html\/","title":{"rendered":"Comments in HTML"},"content":{"rendered":"<pre><code class=\"html\">&lt;div id=\"header\"&gt;\r\n   &lt;p&gt;Stuff&lt;\/p&gt;\r\n&lt;\/div&gt; &lt;!-- END div-header --&gt;<\/code><\/pre>\n<p>The &lt;!&#8211; &#8211;&gt; stuff is the HTML comment. It is a way to add notes into the code which will not display when the HTML is rendered by the browser. In the example above, to signify which opening div tag the closing tag was actually closing.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;div id=&#8221;header&#8221;&gt; &lt;p&gt;Stuff&lt;\/p&gt; &lt;\/div&gt; &lt;!&#8211; END div-header &#8211;&gt; The &lt;!&#8211; &#8211;&gt; stuff is the HTML comment. It is a way to add notes into the code which will not display when the HTML is rendered by the browser. In the example above, to signify which opening div tag the closing tag was actually closing.<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":3231,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-snippet.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":306210,"url":"https:\/\/css-tricks.com\/video-screencasts\/180-tinkering-with-video-on-mobile\/","url_meta":{"origin":4469,"position":0},"title":"#180: Tinkering with Video on Mobile","date":"April 8, 2020","format":false,"excerpt":"Fair warning: I'm no expert on this stuff, I'm just playing around with video on the web and addressing some issues I have when showing off video clips in blog posts. I have an iOS simulator up in this video, and I'm putting an HTML video tag in a basic\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/04\/Video-Thumb.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":155209,"url":"https:\/\/css-tricks.com\/lodge\/learn-jquery\/23-templating-handlebars\/","url_meta":{"origin":4469,"position":1},"title":"#23: Templating with Handlebars","date":"November 5, 2013","format":false,"excerpt":"We left off in the last video with a bit of a tangled mess. All in one block of JavaScript we were mixing data retrieval, display and business logic, and templating. In this video we're going to start breaking those things up to get us on our way to more\u2026","rel":"","context":"With 4 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":165586,"url":"https:\/\/css-tricks.com\/snippets\/html\/responsive-meta-tag\/","url_meta":{"origin":4469,"position":2},"title":"Responsive Meta Tag","date":"March 13, 2014","format":false,"excerpt":"I tend to use this: Although I see this is recommended a lot: This means that the browser will (probably) render the width of the page at the width of its own screen. So if that screen is 320px wide, the browser window will be 320px wide, rather than way\u2026","rel":"","context":"With 56 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18513,"url":"https:\/\/css-tricks.com\/lodge\/v10\/83-building-the-wordpress-homepage-part-2\/","url_meta":{"origin":4469,"position":3},"title":"#83: Building the WordPress Homepage, Part 2","date":"September 27, 2012","format":false,"excerpt":"We continue porting code over from our static mockup to our WordPress index.php page. We tweak \"the loop\" a bit to output just what we want. We get down far enough on the page where WordPress functions like get_sidebar() show up. Predictably, it behaves a lot like get_header() works. It\u2026","rel":"","context":"With 6 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":179169,"url":"https:\/\/css-tricks.com\/lodge\/svg\/07-using-svg-inline-svg\/","url_meta":{"origin":4469,"position":4},"title":"07:  Using SVG &#8211; Inline SVG","date":"August 15, 2014","format":false,"excerpt":"Perhaps the best way to use SVG is \"Inline SVG\" - that is, putting SVG code right into your HTML. It works great! See the Pen gpcDi by Chris Coyier (@chriscoyier) on CodePen. A lot of this series will be about all the great stuff you can do using inline\u2026","rel":"","context":"With 7 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":148806,"url":"https:\/\/css-tricks.com\/lodge\/learn-jquery\/05-dom-ready\/","url_meta":{"origin":4469,"position":5},"title":"#05: All About DOM Ready","date":"September 2, 2013","format":false,"excerpt":"We've talked a good bit about selectors. A jQuery selector like $(\"h1\") will select all elements on the page. But what about... when it doesn't? Here's an example of when that selector would fail: Learning jQuery Hello, World! Will that element be red? Nope. WTF right? The reason it doesn't\u2026","rel":"","context":"With 6 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4469"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=4469"}],"version-history":[{"count":3,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4469\/revisions"}],"predecessor-version":[{"id":4471,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4469\/revisions\/4471"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/3231"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=4469"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=4469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}