I am small and live in Wuhan, do two years of new media, ready to use 6 months time to switch to the front end of the industry.
Lesson Objective for today
Yesterday learned inside the < head > tag < title > and < meta > element specific meaning, ready to learn to use before today < h1 > and < p > element documents related to the specific meaning, it is suitable for learning a day, come on, little again again!!!!!!!!!!
Title tag learning
< H1 > – < H6 > tags are used to define HTML headings.
Defines the title with the highest importance rating.
Defines the title with the lowest importance level.
Precautions!!
-
Browsers automatically add blank lines before and after headings.
-
Be sure to use HTML title tags for headings only. Do not use headings just to generate bold or large text.
-
Search engines use the structure and content of web pages titled.
-
Because the user can use the title to quickly navigate the web, it is important to use the title to present the structure of the document.
-
H1 should be the main heading (most important), followed by H2 (less important), h3, and so on.
So this is the same meaning as writing the title outline level of the article
Generally speaking, the outline of a text structure is very important, so that people can have a quick understanding of the text structure. However, can not be used arbitrarily, too many titles in an article, there will be a lot of problems
<p>Paragraph learning
I didn’t understand the
content before, so I want to study it hard today
The
tag defines the paragraph.
Precautions!!
- Browsers automatically create white space before and after paragraphs.
Does this mean the same thing as writing the body of the article
Document tags support attributes
Global properties
| attribute | describe |
|---|---|
| accesskey | Sets keyboard shortcuts for accessing elements. |
| class | Specify the element’s classname (classname) |
contenteditable New |
Specifies whether the content of an element is editable. |
contextmenu New |
Specifies the context menu for an element. When the user right-clicks the element, the context menu appears |
data-* New |
Used to store custom data for the page |
| dir | Sets the text orientation of the content in the element. |
draggable New |
Specifies whether an element can be dragged |
dropzone New |
Specifies whether to copy, move, or link, or delete data |
| hiddenNew hidden | Attribute specifies that elements be hidden. |
| id | Specifies the unique ID of the element |
| lang | Sets the language code for the content in the element. |
spellcheck New |
Check for misspelled elements |
| style | Specify the inline style of an element |
| tabindex | Sets the Tab control order of elements. |
| title | Additional information for the specified element (can be displayed in the tooltip) |
translate New |
Specifies whether the value of an element needs to be translated when the page loads |
Event attributes
| attribute | value | describe |
|---|---|---|
onafterprint New |
script | Run the script after printing the document |
onbeforeprint New |
script | Run the script before the document is printed |
onbeforeonload New |
script | Run the script before the document loads |
| onblur script | Run the script when the window loses focus | |
onerror New |
script | Run the script when an error occurs |
| onfocus | script | Run the script when the window gets focus |
onhaschange New |
Script Runs the script when the document changes | |
| onload | script | Run the script when the document loads |
onmessage New |
script | The script is run when the message is triggered |
onoffline New |
script | Run the script when the document is offline |
ononline New |
script | Run the script when the document comes online |
onpagehide New |
script | Run the script when the window is hidden |
onpageshow New |
script | Run the script when the window is visible |
onpopstate New |
script | Run the script when the window history changes |
| onredoNew | script | Run the script when the document performs a redo operation (redo) |
onresize New |
script | Run the script when you resize the window |
onstorage New |
script | Run the script when the Web Storage area is updated (when the data in the Storage space changes) |
onundo New |
script | Run the script when the document is undone |
onunload New |
script | Run the script when the user leaves the document |
Document type support
| Tag | HTML5 | Transitional | Strict | Frameset | XHTML 1.1 |
|---|---|---|---|---|---|
<h1> to <h6> |
Yes | Yes | Yes | Yes | Yes |
<p> |
Yes | Yes | Yes | Yes | Yes |
Learn nouns today
| The name of the | Noun parsing |
|---|---|
| Search engine | The so-called search engine, is according to the user needs and a certain algorithm, using a specific strategy to retrieve information from the Internet feedback to the user of a search technology. Search engine relies on a variety of technologies, such as web crawler technology, search sorting technology, web page processing technology, big data processing technology, natural language processing technology, etc., to provide fast and high correlation information service for information retrieval users. The core modules of search engine technology generally include crawler, index, retrieval and sorting, etc. At the same time, a series of other auxiliary modules can be added to create a better network using environment for users. |
Try today
However, generally speaking, writing articles is generally used after h1 to H3 level, there is no outline mark, are directly used to customize the serial number title, after all, in an article, too many titles, it will make people very confused.
Summary of today’s lesson
<h1>–<h6>Tags are used to define HTML headings, in descending order of importance.<p>Tags definedThe paragraph.
Today the mood
Some of the content I learned today is related to something I touched before, and I am very happy. I hope to learn more tomorrow
This article is formatted using MDNICE