course content

Course Content

Ultimate HTML

Document HeadDocument Head

The document header may contain meta tags, many of which are not visible to the user in the browser window. These tags store metadata information about the page

Page title

The text inside the <title> tag is displayed in the browser tab. The title should be a brief page description and can't be longer than 60 characters.

html

index.html

css

index.css

js

index.js

Meta data

The <meta> tag contains information for browsers and search engines: document encoding, data communication, and much more. The meta tags can have many attributes as they all convey different information. The most important is page encoding. It helps a browser display the text correctly. In case of not passing encoding, the browser may show mojibake instead of the characters.

html

index.html

css

index.css

js

index.js

Meta tag attributes meaning

  • name - name of a property can be any word or phrase, web browsers generally expect a value that they can recognize and use to perform an action. An example would be <meta name="author" content="name"> to state the author of the page.
  • content - specifies the property's value. An example would be <meta name="language" content="english"> to specifies the page text language.
  • http-equiv - stands for HTTP equivalent, and it’s used to simulate HTTP response headers. This is rare to see. An example would be <meta http-equiv="refresh" content="30"> to say the browser to refresh the page every 30 minutes.

Basic meta tags for SEO improving

  • <meta name="description"/> - specifies a brief description of the web page.
  • <meta name="author" /> - specifies the web page author
  • <meta name="language"/> - specifies the web page language
  • <meta name="robots"/> - tells search engines how to crawl or index the web page
  • <meta name="googlebot"/> content="notranslate" - tells Google you don't let an automatic translation for the web page
  • <meta name="rating" content="safe for kids"/> - specifies the web page audience
  • <meta name="copyright" content="Copyright 2023"/> - specifies the web page Copyright
html

index.html

css

index.css

js

index.js

1. Where is the `<meta>` tag supposed to be placed?
2. What tag content will be shown on the user tab?
3. What can be done to assist the browser in indexing the page?

question-icon

Where is the <meta> tag supposed to be placed?

Select the correct answer

question-icon

What tag content will be shown on the user tab?

Select the correct answer

question-icon

What can be done to assist the browser in indexing the page?

Select the correct answer

Section 3.

Chapter 2