A few HTML tips

Re:A few HTML tips by biztos on Wednesday August 24, 2016 @02:46PM (#12354295)

Apologies if this is a massively ignorant question, but isn't the <i> tag an inline text span? In which case, isn't it wrong to have it be empty?

    The i element represents a span of text offset from its
    surrounding content without conveying any extra emphasis or
    importance, and for which the conventional typographic
    presentation is italic text; for example, a taxonomic
    designation, a technical term, an idiomatic phrase from
    another language, a thought, or a ship name.

http://www.w3.org/TR/html-markup/i.html

Using it without text strikes me as a hack, and one that is hostile to usability, among other problems. I understand why it would work, but it's abusing the technology as far as I can tell.

Since I've seen this in at least two comments now, can somebody explain to me why it's not considered an anti-pattern in 2016?

[edit: formatting]

[ Parent | on HN ]

Re:A few HTML tips by acdha on Wednesday August 24, 2016 @05:18PM (#12355324)

I would agree with that – it's a convention which the FontAwesome project uses for reasons I haven't looked into (I'm assuming not wanting to type 6 more characters).

I use <span> on all of my projects.

[ Parent | on HN ]

Re:A few HTML tips by biztos on Wednesday August 24, 2016 @05:21PM (#12355344)

Yes but shouldn't a <span> also always have content? Am I missing something here?

[ Parent | on HN ]

Re:A few HTML tips by spicyj on Wednesday August 24, 2016 @08:35PM (#12356195)

There's nothing that requires it to have content, no. Absent other styles, an empty <span> would be invisible and have no effect though.

[ Parent | on HN ]

Re:A few HTML tips by joshuacc on Thursday August 25, 2016 @09:39AM (#12358872)

It has text content, merely inserted by CSS `content` instead of living in the HTML itself.

[ Parent | on HN ]