What is difference between <pre> and <code> HTML Tag? [duplicate]

Question

This question already has an answer here:

• <code> vs <pre> vs <samp> for inline and block code snippets 7 answers

How does a <pre> HTML tag differs from <code> html tag.

I have checked on W3Schools page, it seems they are just the same.

If there any major difference between them ?

Answer 1

Don't go to w3schools. Check the w3c documentation for pre and code instead.

PRE:

The PRE element tells visual user agents that the enclosed text is "preformatted". When handling preformatted text, visual user agents:

• May leave white space intact.
• May render text with a fixed-pitch font.
• May disable automatic word wrap.
• Must not disable bidirectional processing.

CODE:

Designates a fragment of computer code.

Answer 2

<pre> says "The whitespace in this element is important" (so new lines and spaces get rendered as new lines and spaces).

<code> says "This is code".

They have nothing in common aside from being HTML elements.

W3Schools page, it seems they are just the same

W3Schools is often wrong, often out of date, and often teaches worst practises. If they claim the two elements do the same thing, then that is just another reason to avoid the site.