# HTML Tips (2020)

**URL:** <https://forum.devtalk.com/t/html-tips-2020/9557>\
**Category:** Blogs/Articles/Talks/Podcasts\
**Tags:** html\
**Created:** [12 May 2021 22:38 UTC](https://forum.devtalk.com/t/html-tips-2020/9557 "2021-05-12T22:38:32Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![CommunityNews](https://forum.devtalk.com/user_avatar/forum.devtalk.com/communitynews/32/1113_2.png) [@CommunityNews](https://forum.devtalk.com/u/CommunityNews)\
**Post date:** [12 May 2021 22:38 UTC](https://forum.devtalk.com/t/html-tips-2020/9557/1 "2021-05-12T22:38:32Z")

</div>

> In this article, I will share with you some very useful **HTML tips**. Enjoy!  
> \*\* Post will be updated regularly with new tips!\*

> 1. The `loading=lazy` attribute
> 2. Email, call, and SMS links
> 3. Ordered lists `start` attribute
> 4. The `meter` element
> 5. HTML Native Search
> 6. Fieldset Element
> 7. Window.opener
> 8. Base Element
> 9. Favicon cache busting
> 10. The `spellcheck` attribute

Read about the rest here:

> **[HTML Tips](https://markodenic.com/html-tips/)**
>
> In this article I’ll share some tips and advice about HTML.

_This thread was posted by one of our members via one of our news source trackers._

---

<div class="post-metadata">

**Author:** ![AstonJ](https://forum.devtalk.com/user_avatar/forum.devtalk.com/astonj/32/7_2.png) [@AstonJ](https://forum.devtalk.com/u/AstonJ)\
**Post date:** [12 May 2021 22:43 UTC](https://forum.devtalk.com/t/html-tips-2020/9557/3 "2021-05-12T22:43:00Z")

</div>

Some great tips here! 👍

---

<div class="post-metadata">

**Author:** ![OvermindDL1](https://forum.devtalk.com/user_avatar/forum.devtalk.com/overminddl1/32/52_2.png) [@OvermindDL1](https://forum.devtalk.com/u/OvermindDL1)\
**Post date:** [13 May 2021 14:25 UTC](https://forum.devtalk.com/t/html-tips-2020/9557/4 "2021-05-13T14:25:18Z")

</div>

Yep! It’s funny to see how often people jump to comparatively very slow and battery inefficient javascript just to do what’s natively built in, all in the name of keeping compat with the now unused IE. ^.^;

---

<div class="post-metadata">

**Author:** ![AstonJ](https://forum.devtalk.com/user_avatar/forum.devtalk.com/astonj/32/7_2.png) [@AstonJ](https://forum.devtalk.com/u/AstonJ)\
**Post date:** [13 May 2021 15:55 UTC](https://forum.devtalk.com/t/html-tips-2020/9557/5 "2021-05-13T15:55:18Z")

</div>

Good point! Maybe it would be a good idea if the author included a note about compatibility with each item in the list as well. Modern browsers are usually quite good (tho Safari is becoming a bit like IE!)

---

<div class="post-metadata">

**Author:** ![GermaVinsmoke](https://forum.devtalk.com/user_avatar/forum.devtalk.com/germavinsmoke/32/2738_2.png) [@GermaVinsmoke](https://forum.devtalk.com/u/GermaVinsmoke)\
**Post date:** [13 May 2021 17:15 UTC](https://forum.devtalk.com/t/html-tips-2020/9557/6 "2021-05-13T17:15:45Z")

</div>

Yeah, the datalist tag in #5 doesn’t work in Firefox and Safari.

---

<div class="post-metadata">

**Author:** ![OvermindDL1](https://forum.devtalk.com/user_avatar/forum.devtalk.com/overminddl1/32/52_2.png) [@OvermindDL1](https://forum.devtalk.com/u/OvermindDL1)\
**Post date:** [13 May 2021 19:08 UTC](https://forum.devtalk.com/t/html-tips-2020/9557/7 "2021-05-13T19:08:06Z")

</div>

According to:  
[https://caniuse.com/datalist](https://caniuse.com/datalist)

It works in the TR of Safari, so “soon” I guess, and it “works” in firefox in certain contexts right now, but not other contexts.

---

<div class="post-metadata">

**Author:** ![davearonson](https://forum.devtalk.com/user_avatar/forum.devtalk.com/davearonson/32/591_2.png) [@davearonson](https://forum.devtalk.com/u/davearonson)\
**Post date:** [17 May 2021 18:30 UTC](https://forum.devtalk.com/t/html-tips-2020/9557/8 "2021-05-17T18:30:28Z")

</div>

Many people (what, who, me, yup!) haven’t kept up with what’s new in HTML, since learning it long ago. I for one am mainly a back-end dev, so I rarely need any fancy-shmancy HTML5 stuff… so on those rare occasions when I do have to at least server-render a page, there are often things that a more recently-updated front-ender could improve on.

---

<div class="post-metadata">

**Author:** ![OvermindDL1](https://forum.devtalk.com/user_avatar/forum.devtalk.com/overminddl1/32/52_2.png) [@OvermindDL1](https://forum.devtalk.com/u/OvermindDL1)\
**Post date:** [17 May 2021 18:46 UTC](https://forum.devtalk.com/t/html-tips-2020/9557/9 "2021-05-17T18:46:08Z")

</div>

I just stay away from JS when at all possible (unpoly.js is quite literally about all I stick to if any). If I think I need to do something in JS for looks or so, I google for how to do it in html and css and there’s almost always a way, and for the very very few things there aren’t (like really surprisingly few) then I try to consider if it’s worth eating up people’s batteries even faster for it and choose against that, lol.
