Case Analysis of HTML basic Grammar and semantic usage

This article is a detailed introduction to "HTML basic syntax and semantic use example analysis". The content is detailed, the steps are clear, and the details are properly handled. I hope this article "HTML basic syntax and semantic use example analysis" can help you solve your doubts. The following is a detailed introduction to "HTML basic syntax and semantic use example analysis". Let's learn new knowledge together.

DOCTYPE

DOCTYPE(Document Type) This declaration is placed at the front of the dw document, before the html tag, which tells the browser which HTML or XHTML specification the document uses.

A DTD(Document Type Definition) declaration begins with, is case-insensitive, has nothing in front of it, and anything else (except spaces) causes the browser to render the page in quirks mode in IE. Common DTD, name format is registration//organization//type label//language, registration indicates whether the organization is registered by the International Organization for Standardization (ISO),+ means yes, -means no. The organization is the name of the organization, such as W3C. The type is usually DTD. A tag is a descriptive name that specifies a public text description, that is, a unique description of the referenced public text, followed by a version number. The last language is the ISO 639 language identifier for the DTD language, e.g. EN for English and ZH for Chinese. XHTML 1.0 can declare three DTD types. Represent strict versions, transitional versions, and framework-based HTML documents.

HTML 4.01 strict

HTML 4.01 Transitional

HTML 4.01 Frameset

·

HTML5 Document Types

meta

Declares the character encoding used by the document

Before HTML5

html5

Follow links and analyze target pages. This is the default behavior and can be ignored.

index Indexes web pages. This is the default behavior and can be ignored.

Noodle does not use Open Directory Project to create content descriptions.

noydir does not use Yahoo Directory to create content descriptions.

noarchive does not allow search engines to display cached versions of content.

cache Allows search engines to display cached versions of content.

Nocache does not allow search engines to display cached versions of content.

label

Define the structure of the document to make the markup of the document more semantic.

html5 demo

html5 demo

html5 demo

nav1

nav2