<zhead>

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">
</html>
useHead({
  htmlAttrs: {
    lang: 'en'
  },
meta: [
  {
    charset: 'charset',
    content: 'UTF-8'
  },
  {
    name: 'viewport',
    content: ''
  }
]
})

Recommendations

  • 01
    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.
  • 02
    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

lang

The HTML lang attribute is important for accessibility and i18n.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</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.

<html lang="en">
  <meta charset="charset" content="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</html>
Declares UTF-8 as the character encoding for the HTML document, supporting most characters and symbols in use today.

viewport

name

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.

HTML Tag Collections

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

SEO Starter

Social Share

Icons & Colors

PWA

Article