Method one: Significant?
</span> of caption of <span Class="heading"> article
Although be below certain circumstance,<span> can be a convenient label, but the complete meaning that it can not convey a caption. A profit that uses this method is, we can add to it a CSS is regular, allocate firstly Heading Class, make its character shows like caption.
.heading {
Font-size: 24px;
Font-weight: Bold;
Color: Blue;
}
Ok, all caption became good-sized thick substance style with Heading Class mark now, and be blue. Too marvellous! But such doing be opposite? If somebody uses a browser that does not support CSS to watch, how be met?
Cite a case, if we are installed the regulation that this exterior style expresses is not supported by the browser of old version, how to meet? The person that perhaps has visual obstacle again reads this page with screen reader, how to meet again? A person that visit sees through these way place (or hear) the text version with should go up normal with this page does not have any distinction.
Although Class=”heading” was this label to increase a bit import, but <span> still is a common label only, can be revised by the default style place of most browser.
Search label of <span> of skip over of the meeting when engine retrieves this page, be like it nonexistent same, the key word that won’t contain possibly to its gives at additional attention. At the back we meet more speaking of search the relation of engine and caption.
Finally, because <span> label is inside embed an element, we may need to be in its nest an extra class element is medium, for instance <p> label or <div> label, for the sake of making it can form alone travel, this meeting is further by unessential code littery your label. And these are additional addition tag is however must, the browser that such ability make do not support CSS shows the text that does not have a difference.
Method 2: ≪p> and <b> are combined
</b></p> of <p><b> article caption
Use label of a paragraph, will bring the indication of a class to us, <b> can turn text version into thick system. But label with this method when a main headline, what we face is likewise insignificant result.
Unlike methodological A, <b> label can show the character into thick substance in visible browser — in the browser that supporting CSS even. But with <span> label, search engine to because have something,also won’t be added in paragraph thick and give taller preferential.
Design a form hard
With the combination of common <p> and <b> , also brought another to be short of regret — cannot design this caption into the style that is different from other paragraph. We may think with special style highlights caption, will make page content clearer have a structure more, but can make with this method its indicate thick put oneself in another’s position only.
Method 3: outskirt mail is touched
</h1> of <h1> article caption
Favour, how good caption is defined. Most webpage architect is very familiar to it. Actually proper use they, <Hn> can be offerred for page content agile, can index, and but the structure that the style changes.
This also is clever definition method, you can discover it is very simple. Need additional ticket no longer, you can say, this saved the byte of little than additionally two methods merely, negligible not plan, but a bit more economic was.
<h1> arrives all the time <h6> , represented 6 level of caption, from the most important (<h1> ) arrive the most less important (<h6> ) . Their itself is a class, do not need to increase other element to make its embark on a journey alone. Simple, effective — it is good tool.
Relaxed and custom-built style
Because we use <h1> label,be exclusive, and <b> or <p> label suit to use more in whole page, so we can come with various CSS meanses the style is changed.
More important is, although complete need not style, label of a caption also can apparent expression gives a title! Visible browser shows <h1> into larger thick put oneself in another’s position. The page that style of a blame turns will show documentation structure in that way with what be expected, will communicate a meaning with proper caption label.
Screen reader, PDA, mobile phone, and visible can understand with the browser with visible blame, come up against this do business when label of a caption, correct processing, compare what the common text on the page takes seriously more to treat. And use <span> label, those browsers that do not support CSS won’t special treat it.
Disgusting acquiescent style
Before, the default value that acquiesces as a result of the browser is exceedingly deformed, architects perhaps can avoid complete use caption label. Or, avoid because of the enormous size that default is worth to use <h1> or <h2> , those who replace is to use the caption label of higher numerical value to realize smaller size.
However, what need emphasizes is, we are OK very simple will change these caption label with CSS — cite a case, <;h1> is not is the huge award edition that takes full most screen certainly. At the back, I come to the proof with CSS the style changes caption label is how simple, the hope can help you ease immense fear.
Friendly to searching engine
This is a huge profit. Search engine likes caption label. On the other hand, label of a <span> is common perhaps add thick paragraph label to care about flavour however the move is a bit more less important. Use <h1> appropriately to <h6> to label your caption, the little that needs you only tries hard, the page that lets a search bring the retrieval with be propped up easier to you however however, make people final can find them.
Search engine robot can give caption label special attention — this is the place that you may place a few keywords. Just like retrieve <title> and <meta> , they can be gone to down caption label search below the page. If you do not use these label, so include the keyword inside to will not be considered as valuable, be dropped by oversight thereby.
Want to give the effort of little only so, you find the possibility of your site with respect to the content that can add people to be based on a page. Listen go up pretty good, be?
About the order of caption
In example, this special caption is the most important in the page, because it is the caption of documentation. Accordingly, we use the most important caption label, <h1> . Comply with the standard of W3C, a few people think to skip several caption grade is use badly. Cite a case, imagine us the page below:
</h1> of <h1> article caption
We receive the title that go down (if not be to use another <h1> reduplicative word) should be <h2> , it is <h3 > next, etc. You perhaps should not skip one grade at the back of <h1> , catch up with directly <h3> . My apt agrees with the viewpoint of above, what maintain level down style or manner of writing is successional, will construct structure of a composing. Such word, it is easier to add caption and type to a page that has existed, you can reduce the error that causes because of using the number that exceed.
Mention in front, the architect perhaps can come with <h4> the label is the mainest headline on a page, because,be merely its default font dimension unlike <h1> fulsome in that way tremendous. But remember, first structure, design after. We always can change caption style into any literal size that we like with CSS.
