Hackers News

Every HTML Element

Every HTML Element

There are over a hundred HTML elements. This page uses all of them.
You’re looking at

right now.

Or smaller with

And so on…

And so on…

And so on…
And… nope that’s it for headings. These are all in an

by the way.
      Some text is 
-formatted. Just a different look.
    
    We can make a list with

  • and
  • some
  • s
    Or a numbered list with

    1. and
    2. some
    3. s
    Or even a description list with

    .

    It
    holds
    description terms,

    and description definitions,

    .
    is also a list. But it’s the same as

    .

    indents text. How credible!

    is block’s little brother.

    Here’s a

    … It usually contains some other media
    (like an image).
    figure
    and this
    can then describe said media.

    And we can take a break with


    .


    We can
    get a lot fancier with text of course with elements like
    , , and .

    bolds

    italicizes

    underlines

    is small

    subscripts

    superscripts

    is for marking text as accurate… err never mind

    marks text as deleted

    is for isolating text that may flow in a different direction
    than surrounding text: ex. محمد.


    is for overriding the direction of text: ex. محمد.

    Ah, now there’s some breathing room, thanks to
    .

    You can this website as Every HTML Element. And this whole thing is ,
    living on the WWW.

    Ignore . That’s more for the machines.

    That sense of Ctrl might all be in your head. Well, actually it’s
    in .

    This is defined. And this is a iable.

    How bout some hidden gems?

    (かん)

    Here's a taste of a

    doesn't do much alone. But who can?

    Here's an opportunity for a break .

    The browser will decide when to take it.


    All this text... where does it live? Well we're inside the

    of an document. There's a here with us
    too. The
    thinks about things like s to other things, data, our , and our .</p> <header data-astro-cid-avgcqfbv=""> <p data-astro-cid-avgcqfbv=""> A </p> <header/> is different than the head. It's for content. </p> </header> <footer data-astro-cid-avgcqfbv=""> <p data-astro-cid-avgcqfbv=""> We can have a </p> <footer/> too. Feet don't have to touch the bottom. </p> </footer> <p> </kbd></p> <section data-astro-cid-avgcqfbv=""> <article data-astro-cid-avgcqfbv=""> <p data-astro-cid-avgcqfbv=""> By this point, I think it’s clear that HTML elements run the gamut<br /> from content to container to logic to edge case. Some elements we<br /> can see, others not so much. Some elements are meant to combine with<br /> others. Some elements are only meant for your browser to read. Some<br /> elements had good intentions but never picked up mainstream use. </p> <aside data-astro-cid-avgcqfbv=""> As an aside, right now, you’re reading an </p> <article/>.<br /> </aside> </article> <nav data-astro-cid-avgcqfbv=""> If you’re getting a bit lost, </p> <nav/> can help you<br /> <a href="#" data-astro-cid-avgcqfbv="">find</a> <a href="#" data-astro-cid-avgcqfbv="">the</a> <a href="#" data-astro-cid-avgcqfbv="">way</a> </nav> <address data-astro-cid-avgcqfbv=""> Or maybe an </p> <address/> would be better?<br /> </address> <p> <br data-astro-cid-avgcqfbv=""/><br /> That concludes this section.<br /> </section> </p> <hr data-astro-cid-avgcqfbv=""/> <p data-astro-cid-avgcqfbv="">HTML is more than text.</p> <map name="map" data-astro-cid-avgcqfbv=""> <area shape="rect" coords="0,0,300,100" href="#first" alt="area" data-astro-cid-avgcqfbv=""/> <area shape="rect" coords="300,0,600,100" href="#second" alt="area" data-astro-cid-avgcqfbv=""/> </map> <p> <img decoding="async" src="https://iamwillwang.com/_astro/map.ZvQu5ZE9.png" alt="figure" usemap="#map" width="600" data-astro-cid-avgcqfbv=""/> </p> <div data-astro-cid-avgcqfbv=""> <p data-astro-cid-avgcqfbv=""> Sometimes it’s more fun to listen than read. This is the sound of the<br /> website being made. </p> <p> <audio controls="" src="https://iamwillwang.com/_astro/every-html-audio.CuZk4hAJ.mp3" data-astro-cid-avgcqfbv=""><track kind="metadata" src="#/ah-undefined-right-now.vtt" label="Metadata" data-astro-cid-avgcqfbv=""></track></audio> </p> <p data-astro-cid-avgcqfbv="">And this is a video.</p> <p> <video controls="" src="https://iamwillwang.com/_astro/every-html-video.C1GD1Jdh.mov" data-astro-cid-avgcqfbv=""/><p data-astro-cid-avgcqfbv="">In other words, media! Media everywhere.</p> <picture data-astro-cid-avgcqfbv=""><source srcset="https://dummyimage.com/200" data-astro-cid-avgcqfbv=""><source srcset="https://dummyimage.com/2000" data-astro-cid-avgcqfbv=""><source srcset="https://dummyimage.com/20000" data-astro-cid-avgcqfbv=""><source srcset="https://dummyimage.com/200000" data-astro-cid-avgcqfbv=""><img decoding="async" src="https://dummyimage.com/20" alt="figure" usemap="#map" width="100" data-astro-cid-avgcqfbv=""/> </source></source></source></source></picture> <p> <embed type="application/pdf" src="https://iamwillwang.com/_astro/pdf.C9EIrefF.pdf" width="250" height="200" data-astro-cid-avgcqfbv=""> <iframe src="https://iamwillwang.com/dollar/every-html-element" width="250" height="200" data-astro-cid-avgcqfbv=""></iframe> </embed></p> <p> <svg width="100" height="100" data-astro-cid-avgcqfbv=""> <circle cx="50" cy="50" r="10" stroke="black" stroke-width="3" fill="red" data-astro-cid-avgcqfbv=""/> </svg> <canvas data-astro-cid-avgcqfbv=""> A blank canvas </canvas> </p> <p data-astro-cid-avgcqfbv=""> That’s <math data-astro-cid-avgcqfbv=""><mrow data-astro-cid-avgcqfbv=""> <msup data-astro-cid-avgcqfbv=""> <mi data-astro-cid-avgcqfbv="">n</mi> <mn data-astro-cid-avgcqfbv="">i</mn> </msup> <mi data-astro-cid-avgcqfbv="">c</mi> <mo data-astro-cid-avgcqfbv="">e</mo> </mrow> </math> </p> </p></div> <hr data-astro-cid-avgcqfbv=""/> <table data-astro-cid-avgcqfbv=""> <!-- Caption --> </p> <caption data-astro-cid-avgcqfbv="">We can make tables too.</caption> <p> <!-- Colgroup and Col --> </p> <colgroup data-astro-cid-avgcqfbv=""> <col span="1" data-astro-cid-avgcqfbv=""/> <col span="1" data-astro-cid-avgcqfbv=""/> <col span="1" data-astro-cid-avgcqfbv=""/> <col span="1" data-astro-cid-avgcqfbv=""/> </colgroup> <p> <!-- Table Head --> </p> <thead data-astro-cid-avgcqfbv=""> <tr data-astro-cid-avgcqfbv=""> <th data-astro-cid-avgcqfbv="">Element</th> <th data-astro-cid-avgcqfbv="">Purpose</th> <th data-astro-cid-avgcqfbv="">Used?</th> <th data-astro-cid-avgcqfbv="">Notes</th> </tr> </thead> <p> <!-- Table Body --> </p> <tbody data-astro-cid-avgcqfbv=""> <tr data-astro-cid-avgcqfbv=""> <td data-astro-cid-avgcqfbv=""/> <td data-astro-cid-avgcqfbv="">The root element of the page</td> <td data-astro-cid-avgcqfbv="">✔️</td> <td data-astro-cid-avgcqfbv="">Without this, you’re not doing HTML.</td> </tr> <tr data-astro-cid-avgcqfbv=""> <td data-astro-cid-avgcqfbv=""><marquee> (deprecated)</marquee></td> <td data-astro-cid-avgcqfbv="">Scrolling text</td> <td data-astro-cid-avgcqfbv="">X</td> <td data-astro-cid-avgcqfbv="">Now that would’ve been fun.</td> </tr> <tr data-astro-cid-avgcqfbv=""> <td data-astro-cid-avgcqfbv=""><blink> (deprecated)</blink></td> <td data-astro-cid-avgcqfbv="">Flashing text</td> <td data-astro-cid-avgcqfbv="">X️</td> <td data-astro-cid-avgcqfbv="">This one not so much.</td> </tr> </tbody> <p> <!-- Table Footer --> </p> <tfoot data-astro-cid-avgcqfbv=""> <tr data-astro-cid-avgcqfbv=""> <td colspan="4" data-astro-cid-avgcqfbv="">Disclaimer: No web standards were harmed in the making of this<br /> table.</td> </tr> </tfoot> </table> <hr data-astro-cid-avgcqfbv=""/> </main><script>var rocket_beacon_data = {"ajax_url":"https:\/\/www.tipsblade.com\/wp-admin\/admin-ajax.php","nonce":"f159272e86","url":"https:\/\/www.tipsblade.com\/every-html-element","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800}</script><script data-name="wpr-wpr-beacon" src='https://www.tipsblade.com/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body></div> <p class="no-break"><span class='st_facebook_buttons' st_title='Every HTML Element' st_url='https://www.tipsblade.com/every-html-element/' displayText='Facebook'></span><span class='st_twitter_buttons' st_title='Every HTML Element' st_url='https://www.tipsblade.com/every-html-element/' displayText='Twitter'></span><span class='st_email_buttons' st_title='Every HTML Element' st_url='https://www.tipsblade.com/every-html-element/' displayText='Email'></span><span class='st_sharethis_buttons' st_title='Every HTML Element' st_url='https://www.tipsblade.com/every-html-element/' displayText='ShareThis'></span><span class='st_fblike_buttons' st_title='Every HTML Element' st_url='https://www.tipsblade.com/every-html-element/' displayText='Facebook Like'></span><span class='st_plusone_buttons' st_title='Every HTML Element' st_url='https://www.tipsblade.com/every-html-element/' displayText='Google +1'></span><span class='st_pinterest _buttons' st_title='Every HTML Element' st_url='https://www.tipsblade.com/every-html-element/' displayText='Pinterest'></span></p> <div class="post-bottom-meta post-bottom-tags post-tags-modern"><div class="post-bottom-meta-title"><span class="tie-icon-tags" aria-hidden="true"></span> Tags</div><span class="tagcloud"><a href="https://www.tipsblade.com/tag/element/" rel="tag">element</a> <a href="https://www.tipsblade.com/tag/html/" rel="tag">HTML</a></span></div> </div><!-- .entry-content /--> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div class="single-post-meta post-meta clearfix"><span class="author-meta single-author with-avatars"><span class="meta-item meta-author-wrapper meta-author-1"> <span class="meta-author-avatar"> <a href="https://www.tipsblade.com/author/jacquie/"><img alt='Photo of admin' src='https://secure.gravatar.com/avatar/e322e273788a3fedfe577bedcc48bb892a1b0d65d50bd4261ef18e941f362a2a?s=140&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/e322e273788a3fedfe577bedcc48bb892a1b0d65d50bd4261ef18e941f362a2a?s=280&d=mm&r=g 2x' class='avatar avatar-140 photo' height='140' width='140' loading='lazy' decoding='async'/></a> </span> <span class="meta-author"><a href="https://www.tipsblade.com/author/jacquie/" class="author-name tie-icon" title="admin">admin</a></span></span></span><span class="date meta-item tie-icon">January 25, 2025</span><div class="tie-alignright"><span class="meta-comment tie-icon meta-item fa-before">0</span><span class="meta-views meta-item "><span class="tie-icon-fire" aria-hidden="true"></span> 0 </span><span class="meta-reading-time meta-item"><span class="tie-icon-bookmark" aria-hidden="true"></span> 2 minutes read</span> </div></div><!-- .post-meta --> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Article","dateCreated":"2025-01-25T13:51:38-07:00","datePublished":"2025-01-25T13:51:38-07:00","dateModified":"2025-01-25T13:51:38-07:00","headline":"Every HTML Element","name":"Every HTML Element","keywords":"element,HTML","url":"https:\/\/www.tipsblade.com\/every-html-element\/","description":"Every HTML Element There are over a hundred HTML elements. This page uses all of them. You're looking at right now. Or smaller with And so on... And so on... And so on... And... nope that's it for hea","copyrightYear":"2025","articleSection":"Hackers News","articleBody":" \r\n Every HTML Element \nThere are over a hundred HTML elements. This page uses all of them.\n You're looking at right now.\n Or smaller with And so on... And so on... And so on... \nAnd... nope that's it for headings. These are all in an by the way.\n Some text is -formatted. Just a different look.\n \nWe can make a list with and some s \nOr a numbered list with and some s \nOr even a description list with .\nIt holds description terms, and description definitions, . is also a list. But it's the same as .\n indents text. How credible!\n is block's little brother. \nHere's a ... It usually contains some other media\n (like an image).\n \nand this can then describe said media.\n \nAnd we can take a break with . \nWe can\nget a lot fancier with text of course with elements like\n, , and .\n bolds italicizes underlines is small subscripts superscripts is for marking text as accurate... err never mind\n marks text as deleted is for isolating text that may flow in a different direction\n than surrounding text: ex. \u0645\u062d\u0645\u062f.\n \nis for overriding the direction of text: ex. \u0645\u062d\u0645\u062f.\n Ah, now there's some breathing room, thanks to .\n You can this website as Every HTML Element. And this whole thing is ,\nliving on the WWW.\n Ignore . That's more for the machines. too. It's 10:35 PM right now. That sense of Ctrl might all be in your head. Well, actually it's\n in .\n This is defined. And this is a iable.\n \nHow bout some hidden gems?\n\n\u6f22 (\u304b\u3093) Here's a taste of a doesn't do much alone. But who can? \nHere's an opportunity for a break .\n\nThe browser will decide when to take it.\n \nAll this text... where does it live? Well we're inside the \nof an document. There's a here with us\n too. The\n thinks about things like s to other things, data, our , and our .\n \nA is different than the head. It's for content.\n \nWe can have a too. Feet don't have to touch the bottom.\n \nBy this point, I think it's clear that HTML elements run the gamut\n from content to container to logic to edge case. Some elements we\n can see, others not so much. Some elements are meant to combine with\n others. Some elements are only meant for your browser to read. Some\n elements had good intentions but never picked up mainstream use.\n \nAs an aside, right now, you're reading an .\n \nIf you're getting a bit lost, can help you\nfind the way \nOr maybe an would be better?\n \nThat concludes this section.\n HTML is more than text. \nSometimes it's more fun to listen than read. This is the sound of the\n website being made.\n And this is a video. In other words, media! Media everywhere. A blank canvas \nThat's \n \n n\n i\n \n c\n e\n \n We can make tables too. Element Purpose Used? Notes The root element of the page \u2714\ufe0f Without this, you're not doing HTML. (deprecated) Scrolling text X Now that would've been fun. (deprecated) Flashing text X\ufe0f This one not so much. Disclaimer: No web standards were harmed in the making of this\n table. \r\n","publisher":{"@id":"#Publisher","@type":"Organization","name":"Tips Blade","logo":{"@type":"ImageObject","url":"https:\/\/www.tipsblade.com\/wp-content\/uploads\/2025\/01\/tipsblade-1.png"},"sameAs":["https:\/\/www.facebook.com\/turkish.dramas.series"]},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/www.tipsblade.com\/every-html-element\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"admin","url":"https:\/\/www.tipsblade.com\/author\/jacquie\/"},"image":{"@type":"ImageObject","url":"https:\/\/www.tipsblade.com\/wp-content\/uploads\/2025\/01\/figure.o8SCE8C_.png","width":1200,"height":98}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links "> <a href="https://www.facebook.com/sharer.php?u=https://www.tipsblade.com/every-html-element/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn large-share-button" data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="social-text">Facebook</span> </a> <a href="https://x.com/intent/post?text=Every%20HTML%20Element&url=https://www.tipsblade.com/every-html-element/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn large-share-button" data-raw="https://x.com/intent/post?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="social-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.tipsblade.com/every-html-element/&title=Every%20HTML%20Element" rel="external noopener nofollow" title="LinkedIn" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">LinkedIn</span> </a> <a href="https://www.tumblr.com/share/link?url=https://www.tipsblade.com/every-html-element/&name=Every%20HTML%20Element" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://www.tipsblade.com/every-html-element/&description=Every%20HTML%20Element&media=https://www.tipsblade.com/wp-content/uploads/2025/01/figure.o8SCE8C_.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://www.tipsblade.com/every-html-element/&title=Every%20HTML%20Element" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="https://vk.com/share.php?url=https://www.tipsblade.com/every-html-element/" rel="external noopener nofollow" title="VKontakte" target="_blank" class="vk-share-btn " data-raw="https://vk.com/share.php?url={post_link}"> <span class="share-btn-icon tie-icon-vk"></span> <span class="screen-reader-text">VKontakte</span> </a> <a href="mailto:?subject=Every%20HTML%20Element&body=https://www.tipsblade.com/every-html-element/" rel="external noopener nofollow" title="Share via Email" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">Share via Email</span> </a> <a href="#" rel="external noopener nofollow" title="Print" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">Print</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </article><!-- #the-post /--> <div class="post-components"> <div class="about-author container-wrapper about-author-1"> <div class="author-avatar"> <a href="https://www.tipsblade.com/author/jacquie/"> <img alt='Photo of admin' src='https://secure.gravatar.com/avatar/e322e273788a3fedfe577bedcc48bb892a1b0d65d50bd4261ef18e941f362a2a?s=180&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/e322e273788a3fedfe577bedcc48bb892a1b0d65d50bd4261ef18e941f362a2a?s=360&d=mm&r=g 2x' class='avatar avatar-180 photo' height='180' width='180' loading='lazy' decoding='async'/> </a> </div><!-- .author-avatar /--> <div class="author-info"> <h3 class="author-name"><a href="https://www.tipsblade.com/author/jacquie/">admin</a></h3> <div class="author-bio"> The realistic wildlife fine art paintings and prints of Jacquie Vaux begin with a deep appreciation of wildlife and the environment. Jacquie Vaux grew up in the Pacific Northwest, soon developed an appreciation for nature by observing the native wildlife of the area. Encouraged by her grandmother, she began painting the creatures she loves and has continued for the past four decades. Now a resident of Ft. Collins, CO she is an avid hiker, but always carries her camera, and is ready to capture a nature or wildlife image, to use as a reference for her fine art paintings. </div><!-- .author-bio /--> <ul class="social-icons"></ul> </div><!-- .author-info /--> <div class="clearfix"></div> </div><!-- .about-author /--> <div id="related-posts" class="container-wrapper has-extra-post"> <div class="mag-box-title the-global-title"> <h3>Related Articles</h3> </div> <div class="related-posts-list"> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.tipsblade.com/crushing-jira-tickets-is-a-party-trick-not-a-path-to-impact/">Crushing JIRA tickets is a party trick, not a path to impact</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">January 24, 2025</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="Frank Lloyd Wright’s Mile High Skyscraper Proposal — On Verticality" href="https://www.tipsblade.com/frank-lloyd-wrights-mile-high-skyscraper-proposal-on-verticality/" class="post-thumb"><img width="390" height="220" src="https://www.tipsblade.com/wp-content/uploads/2025/02/960_epiteszforum-lakotornyok-chicago-varosepiteszete-02-benko-melinda-sorozata-3-230-2020-07-07-212-390x220.jpeg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" loading="lazy" /></a> <h3 class="post-title"><a href="https://www.tipsblade.com/frank-lloyd-wrights-mile-high-skyscraper-proposal-on-verticality/">Frank Lloyd Wright’s Mile High Skyscraper Proposal — On Verticality</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">February 6, 2025</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="Executive Order on Advancing United States Leadership in Artificial Intelligence Infrastructure" href="https://www.tipsblade.com/executive-order-on-advancing-united-states-leadership-in-artificial-intelligence-infrastructure/" class="post-thumb"><img width="390" height="220" src="https://www.tipsblade.com/wp-content/uploads/2025/01/wh_social-share-390x220.png" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" loading="lazy" /></a> <h3 class="post-title"><a href="https://www.tipsblade.com/executive-order-on-advancing-united-states-leadership-in-artificial-intelligence-infrastructure/">Executive Order on Advancing United States Leadership in Artificial Intelligence Infrastructure</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">January 14, 2025</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.tipsblade.com/machine-learning-engineer-at-two-dots/">Machine Learning Engineer at Two Dots</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">January 8, 2025</span></div><!-- .post-meta --> </div><!-- .related-item /--> </div><!-- .related-posts-list /--> </div><!-- #related-posts /--> <div id="comments" class="comments-area"> <div id="add-comment-block" class="container-wrapper"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title the-global-title">Leave a Reply</h3><p class="must-log-in">You must be <a href="https://www.tipsblade.com/wp-login.php?redirect_to=https%3A%2F%2Fwww.tipsblade.com%2Fevery-html-element%2F">logged in</a> to post a comment.</p> </div><!-- #respond --> </div><!-- #add-comment-block /--> </div><!-- .comments-area --> </div><!-- .post-components /--> </div><!-- .main-content --> <div id="check-also-box" class="container-wrapper check-also-right"> <div class="widget-title the-global-title"> <div class="the-subtitle">Check Also</div> <a href="#" id="check-also-close" class="remove"> <span class="screen-reader-text">Close</span> </a> </div> <div class="widget posts-list-big-first has-first-big-post"> <ul class="posts-list-items"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://www.tipsblade.com/gcc-builds-failing-after-sbuild-refactoring-emanuele-rocca/">GCC Builds Failing After sbuild Refactoring – Emanuele Rocca</a> <div class="post-meta"> <span class="date meta-item tie-icon">December 22, 2024</span> </div> </div> </li> </ul><!-- .related-posts-list /--> </div> </div><!-- #related-posts /--> <aside class="sidebar tie-col-md-4 tie-col-xs-12 normal-side is-sticky" aria-label="Primary Sidebar"> <div class="theiaStickySidebar"> <div id="nav_menu-3" class="container-wrapper widget widget_nav_menu"><div class="menu-sidebar-container"><ul id="menu-sidebar-1" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-12422"><a href="https://www.tipsblade.com">Home</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-12415 tie-current-menu"><a href="https://www.tipsblade.com/category/hackers-news/">Hackers News</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12416"><a href="https://www.tipsblade.com/category/tech-news/">Tech News</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12417"><a href="https://www.tipsblade.com/category/tips/">Tips & Tricks</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12418"><a href="https://www.tipsblade.com/category/tech-articles/">Tech Articles</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12419"><a href="https://www.tipsblade.com/category/download-scripts/php-scripts/">PHP Scripts</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12420"><a href="https://www.tipsblade.com/category/download-scripts/wordpress-plugins/">WordPress Plugins</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12421"><a href="https://www.tipsblade.com/category/download-scripts/cms/">CMS</a></li> </ul></div><div class="clearfix"></div></div><!-- .widget /--> </div><!-- .theiaStickySidebar /--> </aside><!-- .sidebar /--> </div><!-- .main-content-row /--></div><!-- #content /--> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> </footer><!-- #footer /--> <div id="share-buttons-mobile" class="share-buttons share-buttons-mobile"> <div class="share-links icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://www.tipsblade.com/every-html-element/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://x.com/intent/post?text=Every%20HTML%20Element&url=https://www.tipsblade.com/every-html-element/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://x.com/intent/post?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://api.whatsapp.com/send?text=Every%20HTML%20Element%20https://www.tipsblade.com/every-html-element/" rel="external noopener nofollow" title="WhatsApp" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">WhatsApp</span> </a> <a href="https://telegram.me/share/url?url=https://www.tipsblade.com/every-html-element/&text=Every%20HTML%20Element" rel="external noopener nofollow" title="Telegram" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">Telegram</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> <div class="mobile-share-buttons-spacer"></div> </div><!-- #tie-wrapper /--> <aside class=" side-aside normal-side dark-skin dark-widgetized-area is-fullwidth appear-from-left" aria-label="Secondary Sidebar" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">Close</span> </a><!-- .close-side-aside /--> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://www.tipsblade.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> </div><!-- #mobile-search /--> <div id="mobile-menu" class="hide-menu-icons"> </div><!-- #mobile-menu /--> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/turkish.dramas.series"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">Facebook</span></a></li></ul> </div><!-- #mobile-social-icons /--> </div><!-- #mobile-container /--> </div><!-- .side-aside-wrapper /--> </aside><!-- .side-aside /--> </div><!-- #tie-container /--> </div><!-- .background-overlay /--> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/jannah\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div data-rocket-location-hash="253f66c078e60c1ff47eb4c31e078dfe" id="reading-position-indicator"></div><div data-rocket-location-hash="c275aad4084b0400502891f61e8950da" id="autocomplete-suggestions" class="autocomplete-suggestions"></div><div data-rocket-location-hash="43ea7cef039be4c40c3f0eb9d8d1d98f" id="is-scroller-outer"><div data-rocket-location-hash="93144f2325899d4d612f985bf15fc92e" id="is-scroller"></div></div><div data-rocket-location-hash="4e6041365bcf170a565fa2491c7c8d6c" id="fb-root"></div> <div data-rocket-location-hash="66def0ad2a58cb13166d54833547f1e2" id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Close</span> </a> <div data-rocket-location-hash="dee9939f9e09cb34d9bb4b14071185cc" class="popup-search-wrap-inner"> <div data-rocket-location-hash="a35db3e7c664de58962920f09af9b711" class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Search"> <form method="get" class="tie-popup-search-form" action="https://www.tipsblade.com/"> <input class="tie-popup-search-input " inputmode="search" type="text" name="s" title="Search for" autocomplete="off" placeholder="Search for" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Search for</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <!-- Sign in with Google button added by Site Kit --> <style> .googlesitekit-sign-in-with-google__frontend-output-button{max-width:320px} </style> <script type="text/javascript" src="https://accounts.google.com/gsi/client"></script> <script type="text/javascript"> /* <![CDATA[ */ (()=>{async function handleCredentialResponse(response){try{const res=await fetch('https://www.tipsblade.com/wp-login.php?action=googlesitekit_auth',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:new URLSearchParams(response)});/* Preserve comment text in case of redirect after login on a page with a Sign in with Google button in the WordPress comments. */ const commentText=document.querySelector('#comment')?.value;const postId=document.querySelectorAll('.googlesitekit-sign-in-with-google__comments-form-button')?.[0]?.className?.match(/googlesitekit-sign-in-with-google__comments-form-button-postid-(\d+)/)?.[1];if(!! commentText?.length){sessionStorage.setItem(`siwg-comment-text-${postId}`,commentText);}location.reload();}catch(error){console.error(error);}}if(typeof google !=='undefined'){google.accounts.id.initialize({client_id:'1082801227079-3usir5blf9lbg3anjnfpdpdd0onvbp1c.apps.googleusercontent.com',callback:handleCredentialResponse,library_name:'Site-Kit'});}const defaultButtonOptions={"theme":"outline","text":"signin_with","shape":"rectangular"};document.querySelectorAll('.googlesitekit-sign-in-with-google__frontend-output-button').forEach((siwgButtonDiv)=>{const buttonOptions={shape:siwgButtonDiv.getAttribute('data-googlesitekit-siwg-shape')|| defaultButtonOptions.shape,text:siwgButtonDiv.getAttribute('data-googlesitekit-siwg-text')|| defaultButtonOptions.text,theme:siwgButtonDiv.getAttribute('data-googlesitekit-siwg-theme')|| defaultButtonOptions.theme,};if(typeof google !=='undefined'){google.accounts.id.renderButton(siwgButtonDiv,buttonOptions);}});/* If there is a matching saved comment text in sessionStorage,restore it to the comment field and remove it from sessionStorage. */ const postId=document.body.className.match(/postid-(\d+)/)?.[1];const commentField=document.querySelector('#comment');const commentText=sessionStorage.getItem(`siwg-comment-text-${postId}`);if(commentText?.length && commentField && !! postId){commentField.value=commentText;sessionStorage.removeItem(`siwg-comment-text-${postId}`);}})(); /* ]]> */ </script> <!-- End Sign in with Google button added by Site Kit --> <script type="text/javascript" src="https://www.tipsblade.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-bc2e26cfa69fcd4a8261.js" id="googlesitekit-consent-mode-js"></script> <!-- Google Reader Revenue Manager snippet added by Site Kit --> <script type="text/javascript" id="google_swgjs-js-before"> /* <![CDATA[ */ (self.SWG_BASIC=self.SWG_BASIC||[]).push(basicSubscriptions=>{basicSubscriptions.init({"type":"NewsArticle","isPartOfType":["Product"],"isPartOfProductId":"CAowqeiXCw:openaccess","clientOptions":{"theme":"light","lang":"en-US"}});}); /* ]]> */ </script> <script type="text/javascript" src="https://news.google.com/swg/js/v1/swg-basic.js" id="google_swgjs-js" async="async" data-wp-strategy="async"></script> <!-- End Google Reader Revenue Manager snippet added by Site Kit --> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"","ajaxurl":"https:\/\/www.tipsblade.com\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"1","is_sticky_video":"1","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"true","lazyload":"","select_share":"true","select_share_twitter":"","select_share_facebook":"","select_share_linkedin":"","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"","sticky_behavior":"default","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\">\n\t\t\t\t<div class=\"spinner\">\n\t\t\t\t\t<div class=\"bounce1\"><\/div>\n\t\t\t\t\t<div class=\"bounce2\"><\/div>\n\t\t\t\t\t<div class=\"bounce3\"> <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>","type_to_search":"","lang_no_results":"Nothing Found","sticky_share_mobile":"true","sticky_share_post":"","sticky_share_post_menu":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.tipsblade.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.5.0" id="tie-scripts-js"></script> <script type="text/javascript" id="tie-scripts-js-after"> /* <![CDATA[ */ jQuery.ajax({ type : "GET", url : "https://www.tipsblade.com/wp-admin/admin-ajax.php", data : "postviews_id=13657&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); /* ]]> */ </script> <script type="text/javascript" src="https://www.tipsblade.com/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=7.5.0" id="tie-js-ilightbox-js"></script> <script type="text/javascript" src="https://www.tipsblade.com/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.5.0" id="tie-js-sliders-js"></script> <script type="text/javascript" src="https://www.tipsblade.com/wp-content/themes/jannah/assets/js/shortcodes.js?ver=7.5.0" id="tie-js-shortcodes-js"></script> <script type="text/javascript" src="https://www.tipsblade.com/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.5.0" id="tie-js-desktop-js"></script> <script type="text/javascript" src="https://www.tipsblade.com/wp-content/themes/jannah/assets/js/live-search.js?ver=7.5.0" id="tie-js-livesearch-js"></script> <script type="text/javascript" src="https://www.tipsblade.com/wp-content/themes/jannah/assets/js/single.min.js?ver=7.5.0" id="tie-js-single-js"></script> <script type="text/javascript" id="wp-consent-api-js-extra"> /* <![CDATA[ */ var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]}; /* ]]> */ </script> <script type="text/javascript" src="https://www.tipsblade.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=2.0.0" id="wp-consent-api-js"></script> <script> WebFontConfig ={ google:{ families: [ 'Poppins:600,regular:latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <script type='text/javascript'> !function(t){"use strict";t.loadCSS||(t.loadCSS=function(){});var e=loadCSS.relpreload={};if(e.support=function(){var e;try{e=t.document.createElement("link").relList.supports("preload")}catch(t){e=!1}return function(){return e}}(),e.bindMediaToggle=function(t){var e=t.media||"all";function a(){t.addEventListener?t.removeEventListener("load",a):t.attachEvent&&t.detachEvent("onload",a),t.setAttribute("onload",null),t.media=e}t.addEventListener?t.addEventListener("load",a):t.attachEvent&&t.attachEvent("onload",a),setTimeout(function(){t.rel="stylesheet",t.media="only x"}),setTimeout(a,3e3)},e.poly=function(){if(!e.support())for(var a=t.document.getElementsByTagName("link"),n=0;n<a.length;n++){var o=a[n];"preload"!==o.rel||"style"!==o.getAttribute("as")||o.getAttribute("data-loadcss")||(o.setAttribute("data-loadcss",!0),e.bindMediaToggle(o))}},!e.support()){e.poly();var a=t.setInterval(e.poly,500);t.addEventListener?t.addEventListener("load",function(){e.poly(),t.clearInterval(a)}):t.attachEvent&&t.attachEvent("onload",function(){e.poly(),t.clearInterval(a)})}"undefined"!=typeof exports?exports.loadCSS=loadCSS:t.loadCSS=loadCSS}("undefined"!=typeof global?global:this); </script> <script type='text/javascript'> var c = document.body.className; c = c.replace(/tie-no-js/, 'tie-js'); document.body.className = c; </script> <script>var rocket_beacon_data = {"ajax_url":"https:\/\/www.tipsblade.com\/wp-admin\/admin-ajax.php","nonce":"f159272e86","url":"https:\/\/www.tipsblade.com\/every-html-element","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800}</script><script data-name="wpr-wpr-beacon" src='https://www.tipsblade.com/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1764134269 -->