User:Trig Jegman/Man It's So Loud In Here

updating tags project. Deprecated HTML tags are considered poor form (or semantically incorrect in some cases) and impact site rendering and SEO alike. If you see these tags, try to update them.

List of deprecated tags

• big
• center
• font
• s / strike
• tt
• u

Solutions

big

Every iteration of "big" adds .25em to the standard font size. One big tag is 1.25em, two big tags is 1.5em and so on. If this can be lumped into other tags, do that instead of having a dedicated span for it. Use font-size:.

As a side comment, the small tag is not deprecated and can still be used due to having legitimate uses. Each small tag shrinks by .15em (one small tag is .85em, two is .7, etc).

center

Couple of ways to handle this. The easiest is to add text-align:center to the styles. Adding align="center" also technically works for div tags, but this is generally discouraged. Images can be center aligned with the use of adding |center as a centering alignment (compared to left or right). For entire elements, you can sometimes get away with margin:0 auto;.

font

Like "span" or "div" tags, there's a lot of capability here which means multiple things may need changed. The closest similar tag is "span" which probably covers like 90% of uses. Font tags also override other ones, which means sometimes people don't close them at the proper locations or at all.

• font size=: There's not a perfect conversion for sizing here, but generally speaking font-size=2 is just regular text, while font size=3 is 1.25em, font size=4 is 1.5em, and font size=5 is about 1.8em. These aren't perfect equivalents, but they're discernibly close enough to work the same.
• font color=: Pretty much the exact same minus formatting tweaks. Font tags run over links, while span tags do not.
• font face: This has been replaced with font-family: and controls the font being used. font face="none" does not mean no text necessarily, but rather it is the same as font-family:font which is a generic text style.

s / strike

These both do the same thing, pretty much. Replace with text-decoration:line-through.

u

The technically correct way to replace this is with text-decoration:underline, but underlined text is generally intended to be reserved for links only and is considered actively not accessible. Any text being underlined at all should strongly consider changing to another format when possible.

Other notes

Generally better to use mediawiki markup for bold and italics tags as they render differently. There's a prioritization difference that can lead to some styles not properly carrying over other elements when not done this way. It's also better to put bold tags specifically outside of links when possible.