问题描述
即使是 HTML,我也是 HTML5 的新手.我的困惑是关于 HTML 代码使用的标题,这是我的代码片段:
I'm the very new beginner at HTML5 even in HTML.My confuse is about the heading which is used by HTML code, this is my code snippet:
<body>
<header>
<h1>Text A</h1>
</header>
<section>
<h1>Text B</h1>
<article>
<header>
<hgroup>
<h1>Text C</h1>
<h2>Text C2</h2>
</hgroup>
</header>
好的,让我们进入正题,我的问题是;
Okay let's get to the topic, my question is;
部分的 内的标题远大于 部分内的
,该部分内的
远大于 部分的 内的
.换句话说:文本 A > 文本 B > 文本 C,即使它们使用相同的标题.
the <h1> heading inside the <header> of the <body> part much bigger than <h1> inside the <section> part which is much bigger than <h1> inside the <article> of the <section> part. In other words : Text A > Text B > Text C, eventhough they're using the same heading.
为什么文本 C2 比文本 C 大得多,即使文本 C2 使用
而文本 C 使用 并且它们位于同一位置?
why the Text C2 much bigger than Text C eventhough Text C2 using <h2> while Text C using <h1> and they are on the same location?
这是某种错误吗?顺便说一下,我使用 Firefox 浏览器.提前致谢.
Is it some kind of bugs? I use the Firefox browser, by the way. Thanks in advance.
推荐答案
JSFiddle.H1>这只是关于 DOM 结构.
因为不同的元素有不同的默认样式可以继承.
此链接形成 MDN.
<h1>Text A</h1>
<header>
<h1>Text A</h1>
</header>
<section>
<header>
<h1>Text A</h1>
</header>
</section>
<article>
<header>
<h1>Text A</h1>
<section>
<header>
<h1>Text A</h1>
</header>
</section>
</header>
</article>
这篇关于为什么截面元素内 H1 的大小不同?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!