Home >Web Front-end >HTML Tutorial >html

title tag element

html

title tag element

巴扎黑
巴扎黑Original
2017-06-10 09:55:495935browse

h1 html title tag

In web content, such as the title of an article, the

tag is generally used to mark the layout. This shows the importance of the title in HTML and also takes into account the importance of telling search engines.

It is important that the content within the tag is the title.

1. h1 syntax structure

<h1>文章标题</h1>

A pair of tag groups starting with

and ending with

.

Similarly, h1 tags can also use class and id to introduce external CSS styles.

<h1 class=”yanshi”>文章标题</h1>
<h1 id=”abc”>主题标题</h1>

2. Characteristics and usage suggestions of h1 title tag (where to use)

html h1 title tag is often best used only once in a web page, do not use it twice or twice Above, in order to meet the importance and uniqueness of h1. Other title elements such as h2 tags, h3 tags, and h4 tags can be used multiple times in a web page.

Where to use h1, it usually marks the article title and topic title in a web page.

3. Default h1 tag

In the default initialization state, the h1 tag font is bold and the font size is also very large. Usually different browsers have different sizes, so when it comes to actual DIV CSS layout, we still need to set the required CSS styles (such as font size, whether to bold) and other specific needs in advance or when using them

4. Distinguish between title tags and web page title tags

Although h1 and html title tags are both called title tags, generally

is used to place the web page title, and <h1> is used to place the article title. So the essence is still different. </h1> <p>5. Simple usage of html h1</p> <p>HTML source code: </p><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>网页标题 ThinkCSS</title> <style> .abc{ color:#F00;font-size:26px} </style> </head> <body> <h1 class="abc">文章标题</h1> <p>文章内容</p> <p>文章内容</p> </body> </html></pre><p>Here the h1 tag is used and class is used to set the CSS. </p> <p><img src="https://img.php.cn//upload/image/551/558/366/1497059731919048.png" title="1497059731919048.png" alt="html <h1> title tag element"></p>

The above is the detailed content of html

title tag element. 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.cn