effect:
- It is easier to read (increase code readability) and easier to maintain.
- Make it easier for search engines to understand and help crawlers grab more effective information. Crawlers rely on tags to determine the context and the weight of each keyword (SEO).
- Without CSS styles, the page can also present a good content structure and code structure.
Which behaviors are good for SEO:
- For example, use
<h1>
the title that wraps important articles. - Use
<title>
wrap page title. <img>
A tag specifies its alt attribute.<strong>
and<em>
to emphasize important keywords.
Example:
<header>
: The header usually includes the site logo, navigation, and search box
<nav>
: Marks the navigation, wrapping important link groups in the document.
<main>
: The main content of the page, a page can only be used once. Surrounding its main function.
<article>
: Define a document, page.
<section>
: Define the section (section, section) in the document. Such as chapters, headers, footers, or other parts of the document.
<aside>
: A sidebar, or a set of links to an article or a product listing.
<footer>
: Footer, only when the parent is body, it is the footer of the entire page.
<h1>
<h6>
: Titles of all levels
<p>
: paragraph
<small>
: Show small font effect, specify rules, enter disclaimer, note, signature, copyright.
<em>
: The text in it is expressed as emphasized content, and the text is italicized
<mark>
: Highlight part of the text using