Rumah  >  Artikel  >  hujung hadapan web  >  html <h1> 标题标签元素

html <h1> 标题标签元素

巴扎黑
巴扎黑asal
2017-06-10 09:55:495898semak imbas

h1 html标题标签

网页内容中,比如一篇文章标题,一般采用4a249f0d628e2318394fd9b75b4636b1标签来标记布局,这样显示标题在HTML中重要性,同时也考虑到告诉搜索引擎4a249f0d628e2318394fd9b75b4636b1标签内内容为标题很重要。

一、h1语法结构

<h1>文章标题</h1>

以4a249f0d628e2318394fd9b75b4636b1开始,以473f0a7621bec819994bb5020d29372a结束的一对有开始有闭合的标签组。

同样h1标签也可以使用class和id引入外部CSS样式。

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

二、h1标题标签特点与使用建议(用什么地方)

html h1标题标签常常一个网页中最好只使用一次即可,不要使用两次或两次以上,这样才能符合h1重要和唯一性。其它标题元素比如h2标签、h3标签、h4标签可以在一个网页中多次使用。

h1用什么地方,一般标记一个网页中文章标题、主题标题。

三、默认h1标签

默认初始化状态下,h1标签字体是加粗的,而且字体大小也非常大。通常不同浏览器也是有着大小不同区别,所以实际DIV CSS布局时,我们还是需要提前或要使用时候对其设置需要的CSS样式(比如字体大小、是否加粗)等具体需求具体再设置

四、标题标签与网页标题标签区分

html h1与html title标签虽然都叫标题标签,但一般b2386ffb911b14667cb8f0f91ea547a7放网页标题,4a249f0d628e2318394fd9b75b4636b1放文章标题。所以本质还是有区别的。

五、html h1简单用法

HTML源代码:

<!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>

这里使用h1标签同时使用class设置CSS。

1_161203220855_1.png

Atas ialah kandungan terperinci html <h1> 标题标签元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn