Consider showing languages' full names in live samples' headers

[yarusome]

Summary

Note: This issue is from https://github.com/orgs/mdn/discussions/426.

Live samples show abbreviated language names like JS and MD in live samples' headers, e.g. setTimeout(). However, showing the full names makes it more friendly to beginners and enables the removal proposed in https://github.com/orgs/mdn/discussions/426.

URL

https://developer.mozilla.org/en-US/docs/Web/API/setTimeout#syntax

Reproduction steps

1. Navigate to the linked page above.
2. Look at the header in the live sample.

Expected behavior

Seeing "JavaScript".

Actual behavior

Seeing "JS".

Device

Desktop

Browser

Firefox

Browser version

Stable

Operating system

Windows

Screenshot

No response

Anything else?

The normative advisement in CSS Text implies that it's incorrect to use text-transform for these headers. This already shows symptoms in this MDN page with WebIDL codes.

Validations

• I have read the Community Participation Guidelines.
• I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.

[KartikSoneji]

@yarusome instead of writing the full form, maybe it'll be better to hyperlink them to the appropriate wiki page?
Something similar to the Play button, with an external link icon that appears on hover?