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
|
---
title: <dfn>
slug: Web/HTML/Element/dfn
tags:
- Elemento
- HTML semântico nível texto
- Referencia
translation_of: Web/HTML/Element/dfn
---
<h2 id="Resumo">Resumo</h2>
<p>O elemento <strong>HTML <code><dfn></code> </strong> (ou <em>Elemento Definição </em><em>HTML</em>) representa uma instância de definição de um termo.</p>
<div class="note">
<strong style="line-height: 1.5;">Notas de uso no </strong><strong>HTML5:</strong>
<ul>
<li>O elemento <code><dfn></code> marca o termo que será definido; a definição do termo deve ser data em torno de {{HTMLElement("p")}}, {{HTMLElement("section")}} ou uma lista de definições por grupo (usualmente um {{HTMLElement("dt")}}, {{HTMLElement("dd")}} pareado com o {{HTMLElement("dt")}}).</li>
<li>O valor exato do termo a ser definido é determinado pelas seguintes regras:
<ol>
<li>Se o elemento <dfn> tiver um atributo title, então o termo é o valor deste atributo.</li>
<li>Senão, se contiver somente um elemento {{HTMLElement("abbr")}} com um atributo {{htmlattrxref("title", "abbr")}}, então o termo é o valor deste atributo.</li>
<li><span style="line-height: 1.5;">Caso contrário, o conteúdo do texto do elemento </span><code style="font-style: italic; line-height: 1.5;"><dfn></code><span style="line-height: 1.5;"> é o termo a ser definido.</span></li>
</ol>
</li>
</ul>
</div>
<ul class="htmlelt">
<li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categorias de conteúdo</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Conteúdo de fluxo</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Conteúdo de fraseamento</a>, conetúdo palpável.</li>
<li><dfn>Conteúdo permitido</dfn> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Conteúdo de fraseamento</a>, mas um elemento {{HTMLElement("dfn")}} não deve ser um descendente.</li>
<li><dfn>Omissão de tag</dfn> {{no_tag_omission}}</li>
<li><dfn>Elementos pais permitidos</dfn>Qualquer elemento que aceite <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">conteúdo de fraseamento</a>.</li>
<li><dfn>Interface DOM</dfn> {{domxref("HTMLElement")}}</li>
</ul>
<h2 id="Atributos">Atributos</h2>
<p><span style="line-height: 21px;">Esse elemento inclui os </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributos globais</a><span style="line-height: 21px;">.</span></p>
<p>No HTML5, o atributo <strong>title</strong> tem um significado especial, como mencionado acima.</p>
<h2 id="Exemplos">Exemplos</h2>
<p>Os exemplos a seguir são válidos em HTML5.</p>
<pre class="brush: html"><!-- Define "A Internet" -->
<p><dfn id="def-internet">A Internet</dfn> é um sistema global de redes interconectadas que usam o Internet Protocol Suite (TCP/IP) para servir bilhões de usuários no mundo todo.
</p>
</pre>
<p>Posteriormente no mesmo documento:</p>
<pre class="brush: html"><dl>
<!-- Define "World-Wide Web" a definição de referência para "A Internet" -->
<dt>
<dfn>
<abbr title="World-Wide Web">WWW</abbr>
</dfn>
</dt>
<dd>A World-Wide Web (WWW) é um sistema de documentos de hipertexto interligados acessados pela <a href="#def-internet">Internet</a>.</dd>
</dl>
</pre>
<h3 id="Resultado">Resultado</h3>
<p><dfn>A Internet</dfn> é um sistema global de redes interconectadas que usam o Internet Protocol Suite (TCP/IP) para servir bilhões de usuários no mundo todo.</p>
<dl>
<dt>
<dfn><abbr title="World-Wide Web">WWW</abbr> </dfn></dt>
<dd>
A World-Wide Web (WWW) é um sistema de documentos de hipertexto interligados acessados pela <a href="#def-internet">Internet</a>.</dd>
</dl>
<h2 id="Specifications" name="Specifications">Especificações</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificação</th>
<th scope="col">Status</th>
<th scope="col">Comentário</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-dfn-element', '<dfn>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-dfn-element', '<dfn>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<dfn>')}}</td>
<td>{{Spec2('HTML4.01')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Navegadores_compatíveis">Navegadores compatíveis</h2>
<div>
{{CompatibilityTable}}</div>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Suporte básico</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>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Suporte básico</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoMobile("1.0")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Veja_também">Veja também</h2>
<ul>
<li>Elementos relacionados à lista de definições: {{HTMLElement("dl")}}, {{HTMLElement("dt")}}, {{HTMLElement("dd")}}</li>
<li>{{HTMLElement("abbr")}}</li>
</ul>
<p>{{HTMLRef}}</p>
|
