Early Access

HTML Tag Collections

Essentials

Tags required for a website to function correctly. They are the bare minimum required to make a website work and be accessible to all users.

Get Started

<html lang="en">
  <meta charset="charset" content="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</html>

Recommendations

  • Always set a lang attribute
    The lang attribute tells the browser what language the page is written in. This is important for screen readers and search engines.
  • Use UTF-8 for character encoding
    Always use UTF-8 for character encoding. This ensures that your website can display characters from all languages.

Explanation

The HTML lang attribute is important for accessibility and i18n.

<html lang="en">
  
</html>
Setting a lang attribute to English.

charset

charset

Defines the character encoding standard for the HTML document. Character encoding is essential for rendering text correctly in browsers.

<meta charset="charset" content="UTF-8">
Declares UTF-8 as the character encoding for the HTML document, supporting most characters and symbols in use today.

Defines how a website is displayed on mobile devices, influencing its width, scale, and initial zoom level. It is essential for creating responsive designs that adapt to various screen sizes.

<meta name="viewport" content="width=device-width, initial-scale=1">
Ensures the page uses the device’s width as the viewport width and starts with a 1:1 zoom level.

HTML Tag Collections

Ready to use <head> code samples to get started, and finished quickly.