HTML5 skeleton Introduction

! [Q]} PNI] A9WLH6Z03OS {5 SBQ. PNG] (p6-juejin.byteimg.com/tos-cn-i-k3…).

Character set

Meta meta tag: indicates the charset character set of the basic configuration of the web page. Utf-8 is a character set and indicates the value of the corresponding attribute

Page keywords and page description

  1. Reasonable setting of web page keywords and page description, is also an important means of SEO
  2. SEO (Search Engine Optimization), the use of Search Engine rules to improve the site in the relevant Search Engine within the natural ranking, so that the site in the Search Engine results occupy a leading position, gain brand revenue
  3. Meta tags are used to set the keywords and descriptions of web pages. The name attribute is very important to set the specific functions of the meta

Know the label

HTML is called hypertext Markup Language, and hypertext tags are tags that have different functions

  1. Tags usually come in pairs — start tag, end tag
  2. The P tag indicates a paragraph, and the H1 tag indicates a level 1 heading
  3. Tags can set different “semantics” for text
  4. A single tag meta
  5. Title tags H1-H6
  6. H series labels and other P labels cannot be nested in p labels
  7. Div tag pairs
Div tag pairs are used to group related content together to separate it from other content for a clearer document structure (for example, the header of a web page in a DIV tag, a rotation image in a DIV tag, and article content in a DIV tag)Copy the code

Div can be used in combination with CSS to create the layout of a web page. This layout is called “DIV+CSS.” Div is like a container that can hold everything.

The div tag can add a class attribute to indicate the class name. The class name serves the CSS area and the corresponding class name: header, logo, nav, banner, content, and footer

HTML 5 features

White space folding occurs when there are multiple Spaces between the text and the text. After a line break, the space between the “inner wall” tag and the text is ignored

Escape character: < Less-than & gt; Is greater than the number & have spent Space & copy; Copyright symbol HTML comments: CTRL +/Copy the code