Home >Web Front-end >HTML Tutorial >What is the meaning and significance of HTML semantics
What is the meaning and significance of HTML semantics
- coldplay.xixiOriginal
- 2021-03-03 14:35:105536browse
The meaning and significance of HTML semantics: 1. It is beneficial to SEO and helps search engine crawlers to better understand our web pages, thereby obtaining more effective information and increasing the weight of the web pages; 2. Without When using CSS, you can clearly see the structure of the web page and enhance readability.
The operating environment of this tutorial: windows7 system, html5 version, DELL G3 computer.
The meaning and meaning of semantic HTML:
1. What is semantic HTML?
Semantic HTML means the right tags do the right thing, making it easier for developers to read and write more elegant code while allowing web crawlers to parse it well.
2. Why should we achieve semantics?
1. It is beneficial to SEO and helps search engine crawlers to better understand our web pages, thereby obtaining more effective information and increasing the weight of the web pages.
2. When there is no CSS, the structure of the web page can be clearly seen and the readability is enhanced.
3. It facilitates team development and maintenance. Semantic HTML can make it easier for developers to understand, thereby improving the team's efficiency and coordination capabilities.
4. Support browser rendering for multiple terminal devices.
3. How to do semantic HTML?
When doing front-end development, remember: HTML tells us what a piece of content is (or its meaning), not what it looks like. Its appearance should be determined by CSS. (Separation of structure and style!)
Writing semantic HTML structure is actually very simple. First, master the semantics of each tag in HTML. When you see the content, think about what tags can be used to better describe it. Use whatever label you want.
~ , used as titles, and in descending order of importance, is the highest level.
is the highest level.
Paragraph mark, after knowing
as a paragraph, you will no longer use
to break lines, and there is no need for
to distinguish paragraphs with paragraphs. Text in
wraps automatically, better than
. The gaps between paragraphs can also be controlled using CSS, making it easy and clear to distinguish paragraphs from each other.
- ,
- ,
- Unordered list, this is widely used by everyone,
- ,
- ,
- are "definition lists". For example, this kind of list can be used for the explanations and definitions of words in the dictionary.
, , is used for emphasis, is used for emphasis.
It’s not just about adding double quotes to the text, but it means that the text is quoted.
,
, , , (X)Tables in HTML are no longer used for layout. Related learning recommendations: html video tutorial
The above is the detailed content of What is the meaning and significance of HTML semantics. For more information, please follow other related articles on the PHP Chinese website!
Statement：The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cnPrevious article：What are block level elements in htmlNext article：What are block level elements in html
- ordered list is also quite commonly used. In the process of web standardization,
- is also used more in navigation bars. Originally, the navigation bar was a list. This is completely correct, and when your browser does not support CSS, the navigation links are still very simple. It works fine, but the aesthetics are a little off.
- ,
- ,