You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
description: "Aprende a formatear texto, crear encabezados y dar estilo al contenido"
3
+
description: "Aprende a dar formato al texto, crear encabezados y diseñar contenido"
4
4
icon: "heading"
5
5
---
6
6
@@ -10,70 +10,60 @@ icon: "heading"
10
10
11
11
Los encabezados organizan tu contenido y crean puntos de anclaje para la navegación. Aparecen en la tabla de contenidos y ayudan a los usuarios a recorrer tu documentación.
12
12
13
-
<divid="creating-headers">
14
-
### Creación de encabezados
15
-
</div>
16
-
17
13
Usa el símbolo `#` para crear encabezados de distintos niveles:
18
14
19
15
```mdx
20
-
## Título de la sección principal
21
-
### Título de la subsección
22
-
#### Título de la subsubsección
16
+
## Encabezado de sección principal
17
+
### Encabezado de subsección
18
+
#### Encabezado de sub-subsección
23
19
```
24
20
25
21
<Tip>
26
-
Usa encabezados descriptivos, con palabras clave, que indiquen claramente el contenido que sigue. Esto mejora la navegación del usuario y el posicionamiento en buscadores.
22
+
Usa encabezados descriptivos y con palabras clave que indiquen claramente el contenido que sigue. Esto mejora tanto la navegación del usuario como el posicionamiento en buscadores.
27
23
</Tip>
28
24
25
+
<divid="creating-headers">
26
+
### Desactivar los enlaces de ancla
27
+
</div>
28
+
29
+
De forma predeterminada, los encabezados incluyen enlaces de ancla en los que se puede hacer clic y que permiten a los usuarios enlazar directamente a secciones específicas. Puedes desactivar estos enlaces de ancla usando la prop `noAnchor` en encabezados HTML o React.
30
+
29
31
<divid="disabling-anchor-links">
30
-
### Desactivar enlaces ancla
32
+
### Desactivar los enlaces de anclaje
31
33
</div>
32
34
33
-
De forma predeterminada, los encabezados incluyen enlaces ancla en los que se puede hacer clic y que permiten a los usuarios enlazar directamente a secciones específicas. Puedes desactivar estos enlaces ancla usando la prop `noAnchor` en encabezados HTML o React.
35
+
De forma predeterminada, los encabezados incluyen enlaces de anclaje en los que se puede hacer clic, lo que permite a los usuarios enlazar directamente a secciones específicas. Puedes desactivar estos enlaces de anclaje usando la prop `noAnchor` en encabezados HTML o React.
34
36
35
37
<CodeGroup>
36
38
```mdx HTML header example
37
39
<h2noAnchor>
38
-
Header without anchor link
40
+
Encabezado sin enlace de anclaje
39
41
</h2>
40
42
```
41
43
42
44
```mdx React header example
43
45
<Headinglevel={2}noAnchor>
44
-
Header without anchor link
46
+
Encabezado sin enlace de anclaje
45
47
</Heading>
46
48
```
47
49
</CodeGroup>
48
50
49
-
Cuando se usa `noAnchor`, el encabezado no mostrará la insignia de ancla y al hacer clic en el texto del encabezado no se copiará el enlace ancla al portapapeles.
50
-
51
-
<divid="text-formatting">
52
-
## Formato de texto
53
-
</div>
54
-
55
-
Compatibles con la mayoría del formato Markdown para resaltar y dar estilo al texto.
56
-
57
-
<divid="basic-formatting">
58
-
### Formato básico
59
-
</div>
51
+
Cuando se usa `noAnchor`, el encabezado no mostrará la insignia de anclaje y al hacer clic en el texto del encabezado no se copiará el enlace de anclaje al portapapeles.
| Subíndice | `<sub>text</sub>` | `example<sub>n</sub>` | example<sub>n</sub> |## Enlaces
99
84
100
-
Los enlaces ayudan a los usuarios a navegar entre páginas y acceder a recursos externos. Utiliza texto de enlace descriptivo para mejorar la accesibilidad y la experiencia del usuario.
85
+
Los enlaces ayudan a los usuarios a navegar entre páginas y acceder a recursos externos. Usa texto de enlace descriptivo para mejorar la accesibilidad y la experiencia de usuario.### Enlaces internos
101
86
102
-
<divid="internal-links">
103
-
### Enlaces internos
104
-
</div>
105
-
106
-
Vincula a otras páginas de tu documentación usando rutas relativas a la raíz:
87
+
Enlaza a otras páginas de tu documentación usando rutas relativas a la raíz:
107
88
108
89
```mdx
109
-
[Guía rápida](/quickstart)
90
+
[Inicio rápido](/quickstart)
91
+
110
92
[Pasos](/components/steps)
111
93
```
112
94
113
95
[Inicio rápido](/es/quickstart)<br />
114
96
[Pasos](/es/components/steps)
115
97
116
98
<Note>
117
-
Evita los enlaces relativos como `[page](../page)` porque cargan más lento y no se pueden optimizar tan eficazmente como los enlaces relativos a la raíz.
99
+
Evita los enlaces relativos como `[page](../page)`, ya que se cargan más lentamente y no pueden optimizarse tan bien como los enlaces relativos a la raíz.
118
100
</Note>
119
101
120
-
<divid="external-links">
102
+
<divid="basic-formatting">
121
103
### Enlaces externos
122
104
</div>
123
105
124
-
Para recursos externos, incluye la URL completa:
106
+
Para los recursos externos, incluye la URL completa:
125
107
126
108
```mdx
127
109
[Guía de Markdown](https://www.markdownguide.org/)
128
110
```
129
111
130
112
[Guía de Markdown](https://www.markdownguide.org/)
131
113
132
-
<divid="broken-links">
114
+
<divid="combining-formats">
133
115
### Enlaces rotos
134
116
</div>
135
117
136
-
Puedes comprobar los enlaces rotos en tu documentación usando la [CLI](/es/installation):
118
+
Puedes comprobar si hay enlaces rotos en tu documentación usando la [CLI](/es/installation):
137
119
138
120
```bash
139
121
mint broken-links
140
122
```
141
123
142
-
<divid="blockquotes">
143
-
## Citas en bloque
144
-
</div>
145
-
146
-
Las citas en bloque destacan información importante, citas o ejemplos dentro de tu contenido.
124
+
## Citas en bloque
147
125
148
-
<divid="single-line-blockquotes">
149
-
### Citas de una sola línea
150
-
</div>
126
+
Las citas en bloque destacan información importante, citas o ejemplos dentro de tu contenido.### Citas en bloque de una sola línea
151
127
152
-
Añade `>` antes del texto para crear una cita:
128
+
Añade `>` antes del texto para crear una cita en bloque:
153
129
154
130
```mdx
155
-
> Esta es una cita que se destaca del contenido principal.
131
+
> Esta es una cita que resalta del contenido principal.
156
132
```
157
133
158
134
> Esta es una cita que se destaca del contenido principal.
159
135
160
-
<divid="multi-line-blockquotes">
161
-
### Citas en bloque multilínea
162
-
</div>
136
+
### Citas en bloque de varias líneas
163
137
164
-
Para citas más largas o varios párrafos:
138
+
Para citas más extensas o varios párrafos:
165
139
166
140
```mdx
167
-
> Este es el primer párrafo de una cita en bloque de varias líneas.
141
+
> Este es el primer párrafo de una cita en bloque de múltiples líneas.
168
142
>
169
-
> Este es el segundo párrafo, separado por una línea en blanco con `>`.
143
+
> Este es el segundo párrafo, separado por una línea vacía con `>`.
170
144
```
171
145
172
146
> Este es el primer párrafo de una cita en bloque de varias líneas.
173
147
>
174
148
> Este es el segundo párrafo, separado por una línea en blanco con `>`.
175
149
176
150
<Tip>
177
-
Usa las citas en bloque con moderación para preservar su impacto visual y su significado. Considera usar [llamadas](/es/components/callouts) para notas, advertencias y otra información.
151
+
Usa las citas en bloque con moderación para mantener su impacto visual y su significado. Considera usar [avisos](/es/components/callouts) para notas, advertencias y otra información.
178
152
</Tip>
179
153
180
-
<divid="mathematical-expressions">
181
-
## Expresiones matemáticas
182
-
</div>
183
-
184
-
Compatibilizamos LaTeX para representar expresiones y ecuaciones matemáticas.
154
+
## Expresiones matemáticas
185
155
186
-
<divid="inline-math">
187
-
### Matemática en línea
188
-
</div>
156
+
Compatibilidad con LaTeX para renderizar expresiones y ecuaciones matemáticas.### Fórmulas en línea
189
157
190
-
Usa un solo signo de dólar, `$`, para expresiones matemáticas en línea:
158
+
Usa un solo signo de dólar, `$`, para las expresiones matemáticas en línea:
191
159
192
160
```mdx
193
161
El teorema de Pitágoras establece que $(a^2 + b^2 = c^2)$ en un triángulo rectángulo.
194
162
```
195
163
196
164
El teorema de Pitágoras establece que $(a^2 + b^2 = c^2)$ en un triángulo rectángulo.
197
165
198
-
<divid="block-equations">
166
+
<divid="external-links">
199
167
### Ecuaciones en bloque
200
168
</div>
201
169
202
-
Usa dobles signos de dólar, `$$`, para ecuaciones independientes:
170
+
Usa doble signo de dólar, `$$`, para ecuaciones aisladas:
203
171
204
172
```mdx
205
173
$$
206
174
E = mc^2
175
+
207
176
$$
208
177
```
209
178
@@ -212,18 +181,12 @@ E = mc^2
212
181
$$
213
182
214
183
<Info>
215
-
La compatibilidad con LaTeX requiere una sintaxis matemática adecuada. Consulta la [documentación de LaTeX](https://www.latex-project.org/help/documentation/) para ver pautas de sintaxis detalladas.
184
+
La compatibilidad con LaTeX requiere una sintaxis matemática correcta. Consulta la [documentación de LaTeX](https://www.latex-project.org/help/documentation/) para obtener pautas completas sobre la sintaxis.
216
185
</Info>
217
186
218
-
<divid="line-breaks-and-spacing">
219
-
## Saltos de línea y espacios
220
-
</div>
221
-
222
-
Controla los espacios y los saltos de línea para mejorar la legibilidad del contenido.
187
+
## Saltos de línea y espaciado
223
188
224
-
<divid="paragraph-breaks">
225
-
### Saltos de párrafo
226
-
</div>
189
+
Controla los espaciados y los saltos de línea para mejorar la legibilidad del contenido.### Saltos de párrafo
227
190
228
191
Separe los párrafos con líneas en blanco:
229
192
@@ -237,48 +200,39 @@ Este es el primer párrafo.
237
200
238
201
Este es el segundo párrafo, separado por una línea en blanco.
239
202
240
-
<divid="manual-line-breaks">
241
-
### Saltos de línea manuales
242
-
</div>
203
+
### Saltos de línea manuales
243
204
244
205
Usa etiquetas HTML `<br />` para forzar saltos de línea dentro de los párrafos:
245
206
246
207
```mdx
247
208
Esta línea termina aquí.<br />
248
-
Esta línea empieza en una nueva línea.
209
+
210
+
Esta línea comienza en una nueva línea.
249
211
```
250
212
251
213
Esta línea termina aquí.<br />
252
-
Esta línea comienza en una nueva línea.
214
+
Esta línea comienza en una línea nueva.
253
215
254
216
<Tip>
255
217
En la mayoría de los casos, los saltos de párrafo con líneas en blanco ofrecen mejor legibilidad que los saltos de línea manuales.
256
218
</Tip>
257
219
258
-
<divid="best-practices">
259
-
## Mejores prácticas
260
-
</div>
261
-
262
-
<divid="content-organization">
263
-
### Organización del contenido
264
-
</div>
220
+
## Buenas prácticas### Organización del contenido
265
221
266
222
* Usa encabezados para crear una jerarquía de contenido clara
267
-
* Sigue la jerarquía correcta de encabezados (no pases de H2 a H4)
268
-
* Escribe encabezados descriptivos con palabras clave
269
223
270
-
<divid="text-formatting">
271
-
### Formato de texto
272
-
</div>
224
+
* Sigue una jerarquía adecuada de encabezados (no saltes de H2 a H4)
225
+
226
+
* Escribe encabezados descriptivos con palabras clave### Formato de texto
227
+
228
+
* Usa negritas para enfatizar, no para párrafos completos
273
229
274
-
* Usa la negrita para enfatizar, no para párrafos completos
275
230
* Reserva la cursiva para términos, títulos o un énfasis sutil
276
-
* Evita el exceso de formato que distraiga del contenido
277
231
278
-
<divid="links">
279
-
### Enlaces
280
-
</div>
232
+
* Evita el exceso de formato que distraiga del contenido### Enlaces
233
+
234
+
* Escribe textos de enlace descriptivos en lugar de “haz clic aquí” o “leer más”
281
235
282
-
* Escribe texto de enlace descriptivo en lugar de “haz clic aquí” o “leer más”
283
236
* Usa rutas relativas a la raíz para los enlaces internos
284
-
* Revisa los enlaces periódicamente para evitar referencias rotas
237
+
238
+
* Revisa los enlaces con regularidad para evitar referencias rotas
0 commit comments