1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
|
---
title: <b>
slug: Web/HTML/Element/b
translation_of: Web/HTML/Element/b
---
<h2 id="Sumari">Sumari</h2>
<p>L'<strong>element HTML <b></strong> representa un fragment de text estilísticament diferent de text normal, sense transmetre cap importància o rellevància especial. S'utilitza típicament per a les paraules clau en un resum, noms de producte en els seus comentaris o altres unitats de text, la presentació típica seria en negreta. Un altre exemple del seu ús és per marcar l'oració principal de cada paràgraf d'un article.</p>
<p>
</p><div class="note">
<p><strong>Notes d'ús :</strong></p>
<ul>
<li>No s'ha de confondre l'element <code><b></code> amb els elements {{HTMLElement("strong")}}, {{HTMLElement("em")}}, o {{HTMLElement("mark")}}. L'element {{HTMLElement("strong")}} representa text de certa importància, l'element {{HTMLElement("em")}} posa cert èmfasi en el text i l'element {{HTMLElement("mark")}} representa text de certa rellevància. L'element <code><b></code> no transmet aquesta informació semàntica especial; utilitzar només quan no hi ha altres que encaixin.</li>
<li>De la mateixa manera, no s'ha de marcar títols i capçaleres utilitzant l'element <code><b></code>. Per a aquest propòsit, utilitzeu les etiquetes {{HTMLElement("h1")}} a {{HTMLElement("h6")}}. A més, els fulls d'estil poden canviar l'estil per defecte d'aquests elements, amb el resultat de que no <em>necessàriament</em> es mostrin en negreta</li>
<li>És una bona pràctica utilitzar l'atribut class en l'element <code><b></code> a fi de transmetre informació semàntica addicional (per exemple,<code> <b class = "lead"></code> per a la primera oració en un paràgraf). Això facilita el desenvolupament de diversos estils d'un document web, sense la necessitat de canviar el seu codi HTML.</li>
<li>Històricament, l'element <code><b></code> estava destinat a fer ressaltar el text. L'estil de la informació és obsoleta des de HTML 4, per la qual cosa el significat de l'element <code><b></code> ha canviat.</li>
<li>Si no hi ha un propòsit semàntic sobre l'ús de l'element <code><b></code>, usant la propietat CSS <a href="/en-US/docs/CSS/font-weight" title="font-weight">font-weight</a> amb valor negreta, seria una millor opció per fer el text en negreta.</li>
</ul>
</div>
<p></p>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
<td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de Flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable..</td>
</tr>
<tr>
<th scope="row">Contingut permès</th>
<td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
</tr>
<tr>
<th scope="row">Omissió de l'etiqueta</th>
<td>{{no_tag_omission}}</td>
</tr>
<tr>
<th scope="row">Elements pares permesos</th>
<td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
</tr>
<tr>
<th scope="row">Interfície DOM</th>
<td>{{domxref("HTMLElement")}}<span lang="ca"><span title="HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element."> Fins Gecko 1.9.2 (Firefox 4) inclosos, Firefox implementa la interfície </span></span><a href="/en-US/docs/DOM/span" title="DOM/span"><code>HTMLSpanElement</code></a> <span id="result_box" lang="ca"><span title="HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element.">per a aquest element.</span></span></td>
</tr>
</tbody>
</table>
<h2 id="Atributs">Atributs</h2>
<p><span id="result_box" lang="ca"><span title="This element only includes the">Aquest element només inclou el</span></span>s<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
<h2 id="Exemple">Exemple</h2>
<pre class="brush: html"><p>
This article describes several <b>text-level</b> elements. It explains their usage in an <b>HTML</b> document.
</p>
Keywords are displayed with the default style of the <b> element, likely in bold.
</pre>
<h3 id="Resultat">Resultat</h3>
<p><span id="result_box" lang="ca"><span title="This article describes several text-level elements.">En aquest article es descriuen diversos elements a nivell de text. </span><span title="It explains their usage in an HTML document.
">S'explica el seu ús en un document HTML.</span></span></p>
<p><span id="result_box" lang="ca"><span title="Keywords are displayed with the default style of the <b> element, likely in bold.">Les paraules clau es mostren amb l'estil per defecte de l'element <b>, probablement en negreta.</span></span></p>
<h2 id="Specifications" name="Specifications">Especificacions</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificació</th>
<th scope="col">Estat</th>
<th scope="col">Comentari</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-b-element', '<b>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-b-element', '<b>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '<b>')}}</td>
<td>{{Spec2('HTML4.01')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Suport bàsic</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop("1.0")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Suport bàsic</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoMobile("1.0")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Veure">Veure</h2>
<ul>
<li>Altres elements que transmeten <a href="/en-US/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">semantica a nivell de tetxt</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("abbr")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li>
<li><a class="external" href="http://www.w3.org/International/questions/qa-b-and-i-tags">L'ús dels elements (W3C) <b> i <i></a></li>
</ul>
<div>{{HTMLRef}}</div>
|
