Skip to main content
VL Branko
Inspiring
September 22, 2018
Answered

Is <i> tag deprecated?

  • September 22, 2018
  • 3 replies
  • 2041 views

I am using DW CS6. I have italics set up in my style sheets but I notice that when I click on a word in design view and go to "CSS" I also notice that right above it is "Styles" which also has the option to add italics by using  <i></i> . This option is not available in code view.

And I also notice than in DISQUS you can add tags like <b> and <i> so it seems that these styles are still commonly supported.

So my question is: which is better to use your own CSS style or <i></i> and <b></b>?

    This topic has been closed for replies.
    Correct answer B i r n o u

    it is important not to confuse the structural aspect of a document with its visual aspect...

    there is an old relationship between the I (for Italic) and the B (for Bold) that comes from text editors. They should not be transposed in its strict meaning to our HTML documents. <b> and <i> are structural because they are tags... they are not visual... a <i> is not necessary represented in an italic way, and a <b> tag can be writen in a normal weight.

    for example, some editors use the <i> tag to place icons, usually font icons in series of links

    and to answer your question <b> and <i> are not deprecated

    read this excellent article on this subject - Using b and i tags

    3 replies

    pziecina
    Legend
    September 24, 2018

    Whilst there is no problem restyling any element, repurposing an element can have serious negative effects when it comes to assistive devices. A screen reader, (that actually speaks) uses the element type to give vocal 'feedback', (there is a word more correct than feedback, but I'm having a senior moment)  to the listener.

    e.g. A use of <i> will be spoken in a slightly different manner than say a <p> element, and the assistive device may even say that the following word is in italics. So if a voice screen reader comes across a <i> element that has been repurposed to mean an 'icon', confusion can arise to those using such devices.

    Many of the semantic elements are interpreted this way, especially those that most users tend to ignore.

    B i r n o u
    Legend
    September 24, 2018

    pziecina  a écrit

    e.g. A use of <i> will be spoken in a slightly different manner than say a <p> element, and the assistive device may even say that the following word is in italics. So if a voice screen reader comes across a <i> element that has been repurposed to mean an 'icon', confusion can arise to those using such devices.

    instead of going in a very long diatrib... somes links could be helpfull

    B i r n o u
    B i r n o uCorrect answer
    Legend
    September 22, 2018

    it is important not to confuse the structural aspect of a document with its visual aspect...

    there is an old relationship between the I (for Italic) and the B (for Bold) that comes from text editors. They should not be transposed in its strict meaning to our HTML documents. <b> and <i> are structural because they are tags... they are not visual... a <i> is not necessary represented in an italic way, and a <b> tag can be writen in a normal weight.

    for example, some editors use the <i> tag to place icons, usually font icons in series of links

    and to answer your question <b> and <i> are not deprecated

    read this excellent article on this subject - Using b and i tags

    VL Branko
    VL BrankoAuthor
    Inspiring
    September 22, 2018

    Thank you. I had actually found the answer on https://www.w3schools.com but didn't know how to delete the question once it went live. However, that article you linked to had some interesting ideas such as having a separate style for document names.

    B i r n o u
    Legend
    September 22, 2018

    during a limited time from the action menu (bottom left of the message) you should have access to an edit, delete option.

    anyway, question and answer can still be helpfull for others folks

    BenPleysier
    Community Expert
    Community Expert
    September 22, 2018

    It is up to personal preference. I tend to use CSS.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Nancy OShea
    Community Expert
    Community Expert
    September 22, 2018

    I use <i> tags for icons, <em> tags for emphasis, <strong> tags bold. 

    I can't remember the last time I used <i> for italics or <b> for bold.

    Nancy O'Shea— Product User & Community Expert
    VL Branko
    VL BrankoAuthor
    Inspiring
    September 24, 2018

    In places like Disqus <i> will result in Italics and <b> will give you bold.

    Anyway I have my own CSS defined for them. After reading that link in Birnou's text it got me thinking (may be too much) about using separate tags for different things just to be able to style differently later if I wanted. For example I use 

    .i { font-style: italic;
    }

    for all Italic work including citations which I have a lot of. But as I was reading that text I realized that I could use the <cite> tag and then style it differently if I want. The same with the <q> tag for inline quotes. It not only gives me smart quotes but I can also style the inline quote any way I want across the document. It can be in a different font, different size or color.

    I am now looking at all the standard tags listed on the www.w3schools.com and seeing what could be useful to me. I never gave it much thought before but once I started doing more coding it makes a lot more sense.

    I have another question stemming from this but will ask it in a separate text.