Welcome to my HTML can do this series, part 1.
In keeping with my GitHub-Can-Do-This series, today I want to write a post about cool things that H...
For further actions, you may consider blocking this person and/or reporting abuse
👏 Very very nice post Julia.
Semantic HTML elements, in the common 'semantic' sense, no doubt, are unsung heroes of HTML. Especially when we're talking about accessibility, it's quite surprising to know how easy semantic HTML elements could make navigation for people using assistive screen reading technologies.
I'd like to add in an extra point over here regarding
<del>that is worth noting:<del>and<s>might be styled the same but they serve different purposes.<del>makes sense when we have interactive capabilities in the underlying document, whereby things could be inserted and deleted — and that's precisely what<ins>and<del>are meant for. If we just want to strike-through text, merely for display purposes,<s>is what we need (which is a replacement for the deprecated<strike>element).A while ago, when I was about to teach semantic HTML on Codeguage, I myself came across a surprisingly large number of elements in HTML that I never knew of, and now try to use routinely. The world of semantic HTML is huge and I am sure you'll have a lot to come up with even more amazing posts than this one!
Thanks for your comment and insights.
Thanks for pointing out the different purposes. A future article will be exactly about that - and even more, about the accessibility part of these tags, which I did not mention here at all (since, I consider it a bit more advanced):
It still make sense to use them though for future compatibility! There are work arounds I want to talk about more in my next artcile on HTML tags.
Looking forward to your next article. 🙂
Thanks for pointing out obliquely that the proper designation is element (and not tag).
That's a good judgement.
The
<details>and<datalist>definitely were surprising to me, didn't knew that! Thanks for sharing! 🙂Glad you learned something new :)
Cool post ✨
Thanks Thomas! Appriciate your comment.
Thanks for this Article, Julia. For the first idea, I would like to add that if you add a same 'name' attribute to each details tags, you can change the behaviour to have only one summary open at the same time ( same as with radio buttons ).
Thanks for mentioning this! A behavior, many devs want to achieve with open/close widgets.
Oh, super cool! So many tags I did not know about. Saving this for future reference. Many thanks!
Thanks Corina. Yeah, HTML has so much to give out of the box already. We have to start using it on a regular basis.
A linting rule that flags a warning every time a
divorspanis used might be a good start!Awesome article! Can't wait for the next part! Keep up the great work!
Thanks a lot.
Good post thank you.
is the most fantastic tip. Thanks for letting us know!
It is nice to know about these HTML tags. The tag is really great.
Great post :) ૮ ˶ᵔ ᵕ ᵔ˶ ა
Thank you ٩(๑❛ᴗ❛๑)۶
Super cool new features keep coming, so we can ship less JavaScript!
Great article!
Thank you!
Cool stuff. I especially liked the summary/detail. Looks good w/no CSS, better with the CSS you provided.
Thank you Julia 👏
:)
Great post!
I'll share this, found it very useful.
Thanks for your support Aryan.
Great post @yuridevat! :) I never knew about text modification. That’s an HTML element I can see myself using in the future! :)
Haha me neither actually. Found out about them while researching for this article.
Great article! I'll definitely recommend it around me! Thanks for taking the time to write and post it :)
Thank you Lucas.
nice
Thanks.
Informative
Thanks for your comment Vipin.
we need part 2!!
On it 😎
There's also the
contenteditableattribute that allows the user to edit content in any tag: developer.mozilla.org/fr/docs/Web/...I thought the 1, 2 and 4 were common sense. I got taught HTML5 back in 2014 when I was studying a web dev degree and these tags already existed back then.
That's the thing! They exist for so long and still so many devs don't know about them!! Good for you, that you are using them and get the most out of HTML already for years, Ara!
Dude stfu, all your comments are low quality, go be a hater somewhere else.