+ 13

Any tags in HTML5 that are lesser known...? Let me know...

Are there any useful tags in HTML5 that not many might have knowledge about? Here are some: <tt> - Converts text to fixed width font. <ins>, <del> & <s> - Insertion, Deletion & Correction. <q> - Quotations

27th Jun 2018, 11:31 AM
Siddharth
Siddharth - avatar
8 Réponses
+ 11
<abbr> is for abbreviations!
27th Jun 2018, 12:38 PM
Siddharth
Siddharth - avatar
+ 15
<cite> All of us will be familiar with the <blockquote> tag, but did you know about <blockquote>'s little brother <cite>? <cite> allows you to define the text inside of the element as a reference. <optgroup> The <optgroup> tag is a great way to add a little definition between groups of options inside a select box. <acronym> The <acronym> tag is a way to define or further explain a group of words. When you hover over text that has the <acronym> tag used, a box appears below with the text from the title tag. <address> The <address> tag is quite an obscure little tag, but that doesn't mean it isn't useful! As the name implies, <address> allows you to semantically markup addresses in HTML. The nifty little tag will also italicize all of the data within the brackets, though the style can easily be changed through simple CSS. <ins> and <del> If you're wanting to display editing revisions with markup, <ins> and <del> are just the ticket. Like the name implies, <ins> highlights what's been added to the doc
27th Jun 2018, 12:18 PM
Rex
Rex - avatar
+ 10
I found such tags and attributes as new in html: ***** New Tag ***** <article> <aside> <bdi> <audio> <canvas> <command> <datalist> <detalis> <dialog> <embed> <figcaption> <figure> <footer> <header> <hgroup> <keygen> <main> <mark> <meter> <menuitem> <nav> <output> <progress> <rp> <rt> <ruby> <section> <source> <summary> <time> <track> <video> <wbr> ***** New input type ***** color date datetime datetime-local email month number range search tel time url week ***** New input attributes ***** autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min and max multiple pattern (regexp) placeholder required step <city>, <ins>, <del>, <address> are little known, but they are not new (HTML5).
27th Jun 2018, 4:45 PM
Dawid
Dawid - avatar
+ 3
<wbr> (w-ORD br-EAK) The tag allows to specify a place where you think a line break might be needed, depending on the situation. This tag relies on the discretion of the browser to insert the linebreak, when needed. For example if you wish to avoid having horizontal scrollbars in the layout, if possible.
28th Jun 2018, 3:18 AM
YosG
+ 3
dawid, first of all just because a tag is new doesn't mean it's not know. it's like when someone asks you a question and you answer with a wikipedia answer. anyways there are some pretty usefull tags that i myself didn't even know existed like the <progress> tag, i currently used it in one of my new games(you should check it out) but had never used it before and the <label> tag. also see many people, including advanced developers using paragraphs under photos as a description in their portfolio websites when they could just use <figcaption> and not have to deal with the hassle of positioning, i don't know if people just don't know about it or if they simply chose not to use it.
28th Jun 2018, 7:29 AM
David Masabo
David Masabo - avatar
+ 2
David Masabo. I know that "new tag" is not the same like "dont known tag" - I wrote html5 tag list becouse is not so many new. I saw your code (click to crack the Egg) its funny ;) and a good idea for project. Its also html tag they can help you: ---------- <img src=".........." alt=".........." usemap=".........." /> <map id=".........." name=".........."> <area shape=".........." coords=".........." href=".........." alt=".........." /> <area shape=".........." coords=".........." href=".........." alt=".........." /> </map> ---------- and website they can help you create areas more automatically for example: http://maschek.hu/imagemap/imgmap/ You can create areas on the egg and determinate damage depend on click area. For example click on top 10% damage, click on bottom 15% damage... click on the same area 30% damage...
28th Jun 2018, 10:24 AM
Dawid
Dawid - avatar
+ 2
<pre> for preformatted text
4th Jul 2018, 3:55 PM
John Nguru
John Nguru - avatar
0
David, that is a nice suggestion, im definitely gonna try to do it, i don't usually check my notifications for Sololearn that's why it took me so lonv to reply.
24th Jul 2018, 11:38 PM
David Masabo
David Masabo - avatar