Skip to content

HTML Tips

    But first, what is HTML?

    Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

    1. The `loading=lazy` attribute

    Performance tip. You can use the loading=lazy attribute to defer the loading of the image until the user scrolls to them.

    2. Email, call, and SMS links:

    3. Ordered lists `start` attribute.

    Use the start attribute to change the starting point for your ordered lists.

    4. The `meter` element

    You can use the <meter> element to display quantities. No JavaScript/CSS needed.

    5.HTML Native Search

    6. Fieldset Element

    You can use the <fieldset> element to group several controls as well as labels (<label>) within a web form.

     

    7. Window.opener

    Pages opened with target="_blank" allow the new page to access the original’s window.opener. This can have security and performance implications. Include rel="noopener" or rel="noreferrer" to prevent this.

    8. Base Element

    If you want to open all links in the document in a new tab, you can use <base> element:

    9. Favicon cache busting

    To refresh your website’s favicon you can force browsers to download a new version by adding ?v=2 to the filename.

    This is especially helpful in production to make sure the users get the new version.

    10. The `spellcheck` attribute

    Use the spellcheck attribute to define whether the element may be checked for spelling errors.

    11. Native HTML sliders

    You can use <input type="range"> to create sliders.