WDN Logo

home-icon Home / Web Design / Confusion caused underlined text on a web page

Confusion caused underlined text on a web page

Confusion caused underlined text on a web page

During my aimless wanderings on the Internet, I have come across several sites that have underlined text, something like this little phrase of text.

Makes you take your mouse cursor over it, doesn’t it?
But the pointer doesn’t turn into a hand and you realize it’s not a link… frustrating… The worst scenario is when the web page contains both underlined (normal) text and underlined links and that too in the same color! So you start searching for links by moving mouse around recklessly (destroys two days of your mouse life).

What do you learn from this?

NEVER underline text that does not carry a link!
If I had my say, I would kill the <u> tag. It serves little purpose since developers have other options through which they can emphasize text.

If you want to highlight some text, use the alternatives to underlining. Here are some of them

  • Italics with <i> or <em>
  • Bold with <b> or <strong>
  • A different color using <font> or style sheets.
  • Background color using styles.
  • Or combinations of the above.

My advice: do not put underlines on normal text and confuse visitors 🙂

Sponsored Links


Your comments
Star icon IMPORTANT Have a question / problem? Click here to ask an expert.


Sponsored Links


How do I view a deleted web page?
Is there a way to view a deleted web page - one that is no longer available? Yes there is and the solution is quite simple. [more...]


SMS stands for "Short Message Service" and is one of the most popular ways of communication nowadays. [more...]

Share on Whats app Share on Facebook Share on Twitter Share on Google plus