Is it a problem if , and are smaller than regular text?
How Can I Tell The Difference Between Unmarked Sugar and Stevia?
Implement Homestuck's Catenative Doomsday Dice Cascader
Russian equivalents of "no love lost"
Trapping Rain Water
How to officially communicate to a non-responsive colleague?
The eyes have it
Why was the Sega Genesis marketed as a 16-bit console?
Can Platform License Users access the Standard Order Object?
What can I, as a user, do about offensive reviews in App Store?
Preventing Employees from either switching to Competitors or Opening Their Own Business
How to project 3d image in the planes xy, xz, yz?
What risks are there when you clear your cookies instead of logging off?
How did students remember what to practise between lessons without any sheet music?
How to tell your grandparent to not come to fetch you with their car?
Words that signal future content
Confusion about off peak timings of London trains
How to retract an idea already pitched to an employer?
PhD - Well known professor or well known school?
Are there downsides to using std::string as a buffer?
Find the Factorial From the Given Prime Relationship
Does an ice chest packed full of frozen food need ice?
What is the actual quality of machine translations?
What's the name of this light airplane?
Taxi Services at Didcot
Is it a problem if
, and are smaller than regular text?
are smaller than regular text?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}
On many websites and website templates, the font size of <h4> (sometimes) and <h5> and <h6> are often smaller than regular text, i.e., that of <p> with no additional classes.

The word "Necromancer" is actually a level-5 heading, and I took me extra thoughts before I realize that.
When designing my own website (templates), I keep all headings (1 to 6) bigger than regular text, with <h6> being only 1.05x as big as <p>, with additional layout settings like extra padding-top.
Would it be necessary to keep all headings no smaller than regular text? I'm mainly interested in blocks of texts and not using headings as image captions or something non-texty.
text font-sizes heading
New contributor
iBug at the 30th Anniversary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
On many websites and website templates, the font size of <h4> (sometimes) and <h5> and <h6> are often smaller than regular text, i.e., that of <p> with no additional classes.

The word "Necromancer" is actually a level-5 heading, and I took me extra thoughts before I realize that.
When designing my own website (templates), I keep all headings (1 to 6) bigger than regular text, with <h6> being only 1.05x as big as <p>, with additional layout settings like extra padding-top.
Would it be necessary to keep all headings no smaller than regular text? I'm mainly interested in blocks of texts and not using headings as image captions or something non-texty.
text font-sizes heading
New contributor
iBug at the 30th Anniversary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
On many websites and website templates, the font size of <h4> (sometimes) and <h5> and <h6> are often smaller than regular text, i.e., that of <p> with no additional classes.

The word "Necromancer" is actually a level-5 heading, and I took me extra thoughts before I realize that.
When designing my own website (templates), I keep all headings (1 to 6) bigger than regular text, with <h6> being only 1.05x as big as <p>, with additional layout settings like extra padding-top.
Would it be necessary to keep all headings no smaller than regular text? I'm mainly interested in blocks of texts and not using headings as image captions or something non-texty.
text font-sizes heading
New contributor
iBug at the 30th Anniversary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
On many websites and website templates, the font size of <h4> (sometimes) and <h5> and <h6> are often smaller than regular text, i.e., that of <p> with no additional classes.

The word "Necromancer" is actually a level-5 heading, and I took me extra thoughts before I realize that.
When designing my own website (templates), I keep all headings (1 to 6) bigger than regular text, with <h6> being only 1.05x as big as <p>, with additional layout settings like extra padding-top.
Would it be necessary to keep all headings no smaller than regular text? I'm mainly interested in blocks of texts and not using headings as image captions or something non-texty.
text font-sizes heading
text font-sizes heading
New contributor
iBug at the 30th Anniversary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
iBug at the 30th Anniversary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
iBug at the 30th Anniversary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 11 hours ago
iBug at the 30th AnniversaryiBug at the 30th Anniversary
1214
1214
New contributor
iBug at the 30th Anniversary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
iBug at the 30th Anniversary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
Since <h*> means heading, this shows a hierarchy. The different numbers are a level ranking from high to bottom or maximum to minimum, where <p> (or/and <sub>) is the last step.
Hierarchy: system in which members of an organization or society are ranked according to relative status or authority.
This means:
<h1> > <h2> > <h3> > <h4> > <h5> > <h6> > <p>
Your example is:
<h1> > <h2> > <h3> > <h4> > <p> > <h5> > <h6>
With this you are breaking the hierarchy order putting <h5> under the domain of <p>. If it maintains the same quantity of characters as a title, visually it will look like a footnote, a simple sentence that depends on the general text or in the worst case, a mistake.
It isn't right or wrong, all depends on the visual hierarchy the text must show.
add a comment |
Should not be smaller because they are titles, but as Google Robot is not considering this lower levels for SEO you can use as your designer suggested.
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "102"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
noCode: true, onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
iBug at the 30th Anniversary is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f126039%2fis-it-a-problem-if-h4-h5-and-h6-are-smaller-than-regular-text%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Since <h*> means heading, this shows a hierarchy. The different numbers are a level ranking from high to bottom or maximum to minimum, where <p> (or/and <sub>) is the last step.
Hierarchy: system in which members of an organization or society are ranked according to relative status or authority.
This means:
<h1> > <h2> > <h3> > <h4> > <h5> > <h6> > <p>
Your example is:
<h1> > <h2> > <h3> > <h4> > <p> > <h5> > <h6>
With this you are breaking the hierarchy order putting <h5> under the domain of <p>. If it maintains the same quantity of characters as a title, visually it will look like a footnote, a simple sentence that depends on the general text or in the worst case, a mistake.
It isn't right or wrong, all depends on the visual hierarchy the text must show.
add a comment |
Since <h*> means heading, this shows a hierarchy. The different numbers are a level ranking from high to bottom or maximum to minimum, where <p> (or/and <sub>) is the last step.
Hierarchy: system in which members of an organization or society are ranked according to relative status or authority.
This means:
<h1> > <h2> > <h3> > <h4> > <h5> > <h6> > <p>
Your example is:
<h1> > <h2> > <h3> > <h4> > <p> > <h5> > <h6>
With this you are breaking the hierarchy order putting <h5> under the domain of <p>. If it maintains the same quantity of characters as a title, visually it will look like a footnote, a simple sentence that depends on the general text or in the worst case, a mistake.
It isn't right or wrong, all depends on the visual hierarchy the text must show.
add a comment |
Since <h*> means heading, this shows a hierarchy. The different numbers are a level ranking from high to bottom or maximum to minimum, where <p> (or/and <sub>) is the last step.
Hierarchy: system in which members of an organization or society are ranked according to relative status or authority.
This means:
<h1> > <h2> > <h3> > <h4> > <h5> > <h6> > <p>
Your example is:
<h1> > <h2> > <h3> > <h4> > <p> > <h5> > <h6>
With this you are breaking the hierarchy order putting <h5> under the domain of <p>. If it maintains the same quantity of characters as a title, visually it will look like a footnote, a simple sentence that depends on the general text or in the worst case, a mistake.
It isn't right or wrong, all depends on the visual hierarchy the text must show.
Since <h*> means heading, this shows a hierarchy. The different numbers are a level ranking from high to bottom or maximum to minimum, where <p> (or/and <sub>) is the last step.
Hierarchy: system in which members of an organization or society are ranked according to relative status or authority.
This means:
<h1> > <h2> > <h3> > <h4> > <h5> > <h6> > <p>
Your example is:
<h1> > <h2> > <h3> > <h4> > <p> > <h5> > <h6>
With this you are breaking the hierarchy order putting <h5> under the domain of <p>. If it maintains the same quantity of characters as a title, visually it will look like a footnote, a simple sentence that depends on the general text or in the worst case, a mistake.
It isn't right or wrong, all depends on the visual hierarchy the text must show.
edited 6 hours ago
answered 10 hours ago
DanielilloDanielillo
1,127313
1,127313
add a comment |
add a comment |
Should not be smaller because they are titles, but as Google Robot is not considering this lower levels for SEO you can use as your designer suggested.
add a comment |
Should not be smaller because they are titles, but as Google Robot is not considering this lower levels for SEO you can use as your designer suggested.
add a comment |
Should not be smaller because they are titles, but as Google Robot is not considering this lower levels for SEO you can use as your designer suggested.
Should not be smaller because they are titles, but as Google Robot is not considering this lower levels for SEO you can use as your designer suggested.
answered 10 hours ago
BraDevBraDev
586
586
add a comment |
add a comment |
iBug at the 30th Anniversary is a new contributor. Be nice, and check out our Code of Conduct.
iBug at the 30th Anniversary is a new contributor. Be nice, and check out our Code of Conduct.
iBug at the 30th Anniversary is a new contributor. Be nice, and check out our Code of Conduct.
iBug at the 30th Anniversary is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to User Experience Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f126039%2fis-it-a-problem-if-h4-h5-and-h6-are-smaller-than-regular-text%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown