https://markodenic.com/posts/html-tips/ Marko Denic * BLOG * TOOLS * USES html HTML Tips HTML Post Author - Marko by Marko | April 12, 2020 In this article, I will share with you some very useful HTML tips. Enjoy! * Post will be updated regularly with new 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. Let's start! 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. Alternative Text

2. Email, call, and SMS links: Send us an email Call us Send us a message 3. Ordered lists `start` attribute. Use the start attribute to change the starting point for your ordered lists. Codepen Preview 4. The `meter` element You can use the element to display quantities. No JavaScript/ CSS needed. See the Pen Base Element by Marko (@denic) on CodePen. 5. HTML Native Search See the Pen Native HTML Search by Marko (@denic) on CodePen. 6. Fieldset Element You can use the

element to group several controls as well as labels () within a web form. See the Pen Fieldset Element by Marko (@denic) on CodePen. 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. Marko's website 8. Base Element If you want to open all links in the document in a new tab, you can use element: See the Pen Base Element by Marko (@denic) on CodePen. 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. See the Pen spellcheck attribute by Marko (@denic) on CodePen. 11. Native HTML sliders You can use to create sliders. See the Pen Native HTML sliders by Marko (@denic) on CodePen. 12. HTML Accordion You can use the details element to create a native HTML accordion. See the Pen HTML Accordion by Marko (@denic) on CodePen. 13. `mark` tag You can use the tag to highlight text. Mark Tag implementation 14. `download` attribute You can use the download attribute in your links to download the file instead of navigating to it. Download 15. Performance tip Use the .webp image format to make images smaller and boost the performance of your website.

Video thumbnail Use the poster attribute to specify an image to be shown while the video is downloading, or until the user hits the play button.