aboutsummaryrefslogtreecommitdiff
path: root/files/es/learn
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:46:50 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:46:50 +0100
commita55b575e8089ee6cab7c5c262a7e6db55d0e34d6 (patch)
tree5032e6779a402a863654c9d65965073f09ea4182 /files/es/learn
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.gz
translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.bz2
translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.zip
unslug es: move
Diffstat (limited to 'files/es/learn')
-rw-r--r--files/es/learn/accessibility/what_is_accessibility/index.html (renamed from files/es/learn/accessibility/qué_es_la_accesibilidad/index.html)0
-rw-r--r--files/es/learn/codificacion-scripting/index.html11
-rw-r--r--files/es/learn/common_questions/common_web_layouts/index.html (renamed from files/es/learn/common_questions/diseños_web_comunes/index.html)0
-rw-r--r--files/es/learn/common_questions/how_much_does_it_cost/index.html (renamed from files/es/learn/common_questions/cuanto_cuesta/index.html)0
-rw-r--r--files/es/learn/common_questions/using_github_pages/index.html (renamed from files/es/learn/using_github_pages/index.html)0
-rw-r--r--files/es/learn/common_questions/what_is_a_url/index.html (renamed from files/es/learn/common_questions/qué_es_una_url/index.html)0
-rw-r--r--files/es/learn/common_questions/what_is_a_web_server/index.html (renamed from files/es/learn/common_questions/que_es_un_servidor_web/index.html)0
-rw-r--r--files/es/learn/common_questions/what_software_do_i_need/index.html (renamed from files/es/learn/common_questions/que_software_necesito/index.html)0
-rw-r--r--files/es/learn/como_contribuir/index.html88
-rw-r--r--files/es/learn/css/building_blocks/backgrounds_and_borders/index.html (renamed from files/es/learn/css/building_blocks/fondos_y_bordes/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/cascade_and_inheritance/index.html (renamed from files/es/learn/css/building_blocks/cascada_y_herencia/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/debugging_css/index.html (renamed from files/es/learn/css/building_blocks/depurar_el_css/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/fundamental_css_comprehension/index.html (renamed from files/es/learn/css/introduction_to_css/fundamental_css_comprehension/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/handling_different_text_directions/index.html (renamed from files/es/learn/css/building_blocks/manejando_diferentes_direcciones_de_texto/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/images_media_form_elements/index.html (renamed from files/es/learn/css/building_blocks/imágenes_medios_y_elementos_de_formulario/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/overflowing_content/index.html (renamed from files/es/learn/css/building_blocks/contenido_desbordado/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/selectors/attribute_selectors/index.html (renamed from files/es/learn/css/building_blocks/selectores_css/selectores_de_atributos/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/selectors/combinators/index.html (renamed from files/es/learn/css/building_blocks/selectores_css/combinadores/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/selectors/index.html (renamed from files/es/learn/css/building_blocks/selectores_css/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html (renamed from files/es/learn/css/building_blocks/selectores_css/pseudo-clases_y_pseudo-elementos/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html (renamed from files/es/learn/css/building_blocks/selectores_css/selectores_de_tipo_clase_e_id/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/sizing_items_in_css/index.html (renamed from files/es/learn/css/building_blocks/dimensionar_elementos_en_css/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/the_box_model/index.html (renamed from files/es/learn/css/building_blocks/el_modelo_de_caja/index.html)0
-rw-r--r--files/es/learn/css/building_blocks/values_and_units/index.html (renamed from files/es/learn/css/building_blocks/valores_y_unidades_css/index.html)0
-rw-r--r--files/es/learn/css/css_layout/introduction/index.html (renamed from files/es/learn/css/css_layout/introducción/index.html)0
-rw-r--r--files/es/learn/css/css_layout/normal_flow/index.html (renamed from files/es/learn/css/css_layout/flujo_normal/index.html)0
-rw-r--r--files/es/learn/css/css_layout/responsive_design/index.html (renamed from files/es/learn/css/css_layout/diseño_receptivo/index.html)0
-rw-r--r--files/es/learn/css/css_layout/supporting_older_browsers/index.html (renamed from files/es/learn/css/css_layout/soporte_a_navegadores_antiguos/index.html)0
-rw-r--r--files/es/learn/css/first_steps/getting_started/index.html (renamed from files/es/learn/css/first_steps/comenzando_css/index.html)0
-rw-r--r--files/es/learn/css/first_steps/how_css_is_structured/index.html (renamed from files/es/learn/css/first_steps/como_se_estructura_css/index.html)0
-rw-r--r--files/es/learn/css/first_steps/how_css_works/index.html (renamed from files/es/learn/css/first_steps/como_funciona_css/index.html)0
-rw-r--r--files/es/learn/css/first_steps/using_your_new_knowledge/index.html (renamed from files/es/learn/css/first_steps/usa_tu_nuevo_conocimiento/index.html)0
-rw-r--r--files/es/learn/css/first_steps/what_is_css/index.html (renamed from files/es/learn/css/first_steps/qué_es_css/index.html)0
-rw-r--r--files/es/learn/css/howto/css_faq/index.html118
-rw-r--r--files/es/learn/css/howto/generated_content/index.html (renamed from files/es/learn/css/sábercomo/generated_content/index.html)0
-rw-r--r--files/es/learn/css/howto/index.html (renamed from files/es/learn/css/sábercomo/index.html)0
-rw-r--r--files/es/learn/css/styling_text/web_fonts/index.html (renamed from files/es/learn/css/styling_text/fuentes_web/index.html)0
-rw-r--r--files/es/learn/forms/basic_native_form_controls/index.html (renamed from files/es/learn/html/forms/the_native_form_widgets/index.html)0
-rw-r--r--files/es/learn/forms/form_validation/index.html (renamed from files/es/learn/html/forms/validacion_formulario_datos/index.html)0
-rw-r--r--files/es/learn/forms/how_to_build_custom_form_controls/index.html (renamed from files/es/learn/html/forms/como_crear_widgets_de_formularios_personalizados/index.html)0
-rw-r--r--files/es/learn/forms/how_to_structure_a_web_form/index.html (renamed from files/es/learn/html/forms/how_to_structure_an_html_form/index.html)0
-rw-r--r--files/es/learn/forms/html5_input_types/index.html (renamed from files/es/learn/html/forms/tipos_input_html5/index.html)0
-rw-r--r--files/es/learn/forms/index.html118
-rw-r--r--files/es/learn/forms/property_compatibility_table_for_form_controls/index.html (renamed from files/es/learn/html/forms/property_compatibility_table_for_form_controls/index.html)0
-rw-r--r--files/es/learn/forms/sending_and_retrieving_form_data/index.html (renamed from files/es/learn/html/forms/sending_and_retrieving_form_data/index.html)0
-rw-r--r--files/es/learn/forms/styling_web_forms/index.html (renamed from files/es/learn/html/forms/styling_html_forms/index.html)0
-rw-r--r--files/es/learn/forms/test_your_skills_colon__html5_controls/index.html (renamed from files/es/learn/html/forms/prueba_tus_habilidades_colon__controles_html5/index.html)0
-rw-r--r--files/es/learn/forms/test_your_skills_colon__other_controls/index.html (renamed from files/es/learn/html/forms/prueba_tus_habilidades_colon__otros_controles/index.html)0
-rw-r--r--files/es/learn/forms/your_first_form/index.html (renamed from files/es/learn/html/forms/your_first_html_form/index.html)0
-rw-r--r--files/es/learn/front-end_web_developer/index.html (renamed from files/es/learn/desarrollo_web_front-end/index.html)0
-rw-r--r--files/es/learn/getting_started_with_the_web/dealing_with_files/index.html (renamed from files/es/learn/getting_started_with_the_web/manejando_los_archivos/index.html)0
-rw-r--r--files/es/learn/getting_started_with_the_web/how_the_web_works/index.html (renamed from files/es/learn/getting_started_with_the_web/cómo_funciona_la_web/index.html)0
-rw-r--r--files/es/learn/getting_started_with_the_web/installing_basic_software/index.html (renamed from files/es/learn/getting_started_with_the_web/instalacion_de_software_basico/index.html)0
-rw-r--r--files/es/learn/getting_started_with_the_web/the_web_and_web_standards/index.html (renamed from files/es/learn/getting_started_with_the_web/la_web_y_los_estandares_web/index.html)0
-rw-r--r--files/es/learn/html/forms/index.html366
-rw-r--r--files/es/learn/html/howto/author_fast-loading_html_pages/index.html53
-rw-r--r--files/es/learn/html/howto/index.html (renamed from files/es/learn/html/como/index.html)0
-rw-r--r--files/es/learn/html/howto/use_data_attributes/index.html (renamed from files/es/learn/html/como/usando_atributos_de_datos/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/advanced_text_formatting/index.html (renamed from files/es/learn/html/introduccion_a_html/advanced_text_formatting/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/creating_hyperlinks/index.html (renamed from files/es/learn/html/introduccion_a_html/creating_hyperlinks/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/debugging_html/index.html (renamed from files/es/learn/html/introduccion_a_html/debugging_html/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/document_and_website_structure/index.html (renamed from files/es/learn/html/introduccion_a_html/estructura/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/getting_started/index.html (renamed from files/es/learn/html/introduccion_a_html/iniciar/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/html_text_fundamentals/index.html (renamed from files/es/learn/html/introduccion_a_html/texto/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/index.html (renamed from files/es/learn/html/introduccion_a_html/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/marking_up_a_letter/index.html (renamed from files/es/learn/html/introduccion_a_html/marking_up_a_letter/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/structuring_a_page_of_content/index.html (renamed from files/es/learn/html/introduccion_a_html/estructuración_de_una_página_de_contenido/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/test_your_skills_colon__advanced_html_text/index.html (renamed from files/es/learn/html/introduccion_a_html/test_your_skills_colon__advanced_html_text/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/test_your_skills_colon__html_text_basics/index.html (renamed from files/es/learn/html/introduccion_a_html/prueba_tus_habilidades_colon__texto_básico_html/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/test_your_skills_colon__links/index.html (renamed from files/es/learn/html/introduccion_a_html/prueba_tus_habilidades_colon__enlaces/index.html)0
-rw-r--r--files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.html (renamed from files/es/learn/html/introduccion_a_html/metados_en/index.html)0
-rw-r--r--files/es/learn/html/tables/advanced/index.html (renamed from files/es/learn/html/tablas/funciones_avanzadas_de_las_tablas_html_y_accesibilidad/index.html)0
-rw-r--r--files/es/learn/html/tables/basics/index.html (renamed from files/es/learn/html/tablas/conceptos_básicos_de_las_tablas_html/index.html)0
-rw-r--r--files/es/learn/html/tables/index.html (renamed from files/es/learn/html/tablas/index.html)0
-rw-r--r--files/es/learn/html/tables/structuring_planet_data/index.html (renamed from files/es/learn/html/tablas/structuring_planet_data/index.html)0
-rw-r--r--files/es/learn/javascript/building_blocks/build_your_own_function/index.html (renamed from files/es/learn/javascript/building_blocks/construyendo_tu_propia_funcion/index.html)0
-rw-r--r--files/es/learn/javascript/building_blocks/events/index.html (renamed from files/es/learn/javascript/building_blocks/eventos/index.html)0
-rw-r--r--files/es/learn/javascript/building_blocks/image_gallery/index.html (renamed from files/es/learn/javascript/building_blocks/galeria_de_imagenes/index.html)0
-rw-r--r--files/es/learn/javascript/building_blocks/looping_code/index.html (renamed from files/es/learn/javascript/building_blocks/bucle_codigo/index.html)0
-rw-r--r--files/es/learn/javascript/client-side_web_apis/introduction/index.html (renamed from files/es/learn/javascript/client-side_web_apis/introducción/index.html)0
-rw-r--r--files/es/learn/javascript/first_steps/math/index.html (renamed from files/es/learn/javascript/first_steps/matemáticas/index.html)0
-rw-r--r--files/es/learn/javascript/first_steps/silly_story_generator/index.html (renamed from files/es/learn/javascript/first_steps/generador_de_historias_absurdas/index.html)0
-rw-r--r--files/es/learn/javascript/first_steps/test_your_skills_colon__strings/index.html (renamed from files/es/learn/javascript/first_steps/prueba_tus_habilidades_colon__strings/index.html)0
-rw-r--r--files/es/learn/javascript/first_steps/what_is_javascript/index.html (renamed from files/es/learn/javascript/first_steps/qué_es_javascript/index.html)0
-rw-r--r--files/es/learn/javascript/objects/object_building_practice/index.html (renamed from files/es/learn/javascript/objects/ejercicio_práctico_de_construcción_de_objetos/index.html)0
-rw-r--r--files/es/learn/learning_and_getting_help/index.html (renamed from files/es/learn/aprender_y_obtener_ayuda/index.html)0
-rw-r--r--files/es/learn/server-side/configuring_server_mime_types/index.html81
-rw-r--r--files/es/learn/server-side/django/introduction/index.html (renamed from files/es/learn/server-side/django/introducción/index.html)0
-rw-r--r--files/es/learn/server-side/first_steps/client-server_overview/index.html (renamed from files/es/learn/server-side/primeros_pasos/vision_general_cliente_servidor/index.html)0
-rw-r--r--files/es/learn/server-side/first_steps/index.html (renamed from files/es/learn/server-side/primeros_pasos/index.html)0
-rw-r--r--files/es/learn/server-side/first_steps/introduction/index.html (renamed from files/es/learn/server-side/primeros_pasos/introducción/index.html)0
-rw-r--r--files/es/learn/server-side/first_steps/web_frameworks/index.html (renamed from files/es/learn/server-side/primeros_pasos/web_frameworks/index.html)0
-rw-r--r--files/es/learn/server-side/first_steps/website_security/index.html (renamed from files/es/learn/server-side/primeros_pasos/seguridad_sitios_web/index.html)0
-rw-r--r--files/es/learn/tools_and_testing/client-side_javascript_frameworks/index.html (renamed from files/es/learn/herramientas_y_pruebas/lado-del-cliente_javascript_frameworks/index.html)0
-rw-r--r--files/es/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html (renamed from files/es/learn/herramientas_y_pruebas/lado-del-cliente_javascript_frameworks/react_getting_started/index.html)0
-rw-r--r--files/es/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html (renamed from files/es/learn/herramientas_y_pruebas/lado-del-cliente_javascript_frameworks/vue_primeros_pasos/index.html)0
-rw-r--r--files/es/learn/tools_and_testing/cross_browser_testing/index.html (renamed from files/es/learn/herramientas_y_pruebas/cross_browser_testing/index.html)0
-rw-r--r--files/es/learn/tools_and_testing/github/index.html (renamed from files/es/learn/herramientas_y_pruebas/github/index.html)0
-rw-r--r--files/es/learn/tools_and_testing/index.html (renamed from files/es/learn/herramientas_y_pruebas/index.html)0
-rw-r--r--files/es/learn/tools_and_testing/understanding_client-side_tools/index.html (renamed from files/es/learn/herramientas_y_pruebas/understanding_client-side_tools/index.html)0
100 files changed, 370 insertions, 465 deletions
diff --git a/files/es/learn/accessibility/qué_es_la_accesibilidad/index.html b/files/es/learn/accessibility/what_is_accessibility/index.html
index e92994e37c..e92994e37c 100644
--- a/files/es/learn/accessibility/qué_es_la_accesibilidad/index.html
+++ b/files/es/learn/accessibility/what_is_accessibility/index.html
diff --git a/files/es/learn/codificacion-scripting/index.html b/files/es/learn/codificacion-scripting/index.html
deleted file mode 100644
index 0092ba899e..0000000000
--- a/files/es/learn/codificacion-scripting/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Codificación-Scripting
-slug: Learn/codificacion-scripting
-tags:
- - Codificación
- - Principiante
- - Scripting
-translation_of: Learn
-translation_of_original: Learn/Coding-Scripting
----
-<p>REDIRIGE <a href="/es/docs/Learn">Aprende</a></p>
diff --git a/files/es/learn/common_questions/diseños_web_comunes/index.html b/files/es/learn/common_questions/common_web_layouts/index.html
index 7e05cbcaad..7e05cbcaad 100644
--- a/files/es/learn/common_questions/diseños_web_comunes/index.html
+++ b/files/es/learn/common_questions/common_web_layouts/index.html
diff --git a/files/es/learn/common_questions/cuanto_cuesta/index.html b/files/es/learn/common_questions/how_much_does_it_cost/index.html
index aeffd72c64..aeffd72c64 100644
--- a/files/es/learn/common_questions/cuanto_cuesta/index.html
+++ b/files/es/learn/common_questions/how_much_does_it_cost/index.html
diff --git a/files/es/learn/using_github_pages/index.html b/files/es/learn/common_questions/using_github_pages/index.html
index 81a7138430..81a7138430 100644
--- a/files/es/learn/using_github_pages/index.html
+++ b/files/es/learn/common_questions/using_github_pages/index.html
diff --git a/files/es/learn/common_questions/qué_es_una_url/index.html b/files/es/learn/common_questions/what_is_a_url/index.html
index ef50be60ad..ef50be60ad 100644
--- a/files/es/learn/common_questions/qué_es_una_url/index.html
+++ b/files/es/learn/common_questions/what_is_a_url/index.html
diff --git a/files/es/learn/common_questions/que_es_un_servidor_web/index.html b/files/es/learn/common_questions/what_is_a_web_server/index.html
index 4969677db6..4969677db6 100644
--- a/files/es/learn/common_questions/que_es_un_servidor_web/index.html
+++ b/files/es/learn/common_questions/what_is_a_web_server/index.html
diff --git a/files/es/learn/common_questions/que_software_necesito/index.html b/files/es/learn/common_questions/what_software_do_i_need/index.html
index 92687e7d13..92687e7d13 100644
--- a/files/es/learn/common_questions/que_software_necesito/index.html
+++ b/files/es/learn/common_questions/what_software_do_i_need/index.html
diff --git a/files/es/learn/como_contribuir/index.html b/files/es/learn/como_contribuir/index.html
deleted file mode 100644
index 6cc600f24d..0000000000
--- a/files/es/learn/como_contribuir/index.html
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: ¿Cómo contribuir al Área de Aprendizaje en MDN?
-slug: Learn/Como_Contribuir
-tags:
- - Aprender
- - Documentación
- - Guía
- - MDN Meta
- - Principiante
- - contribuir
- - 'l10n:priority'
-translation_of: Learn/How_to_contribute
----
-<div>{{LearnSidebar}}</div>
-
-<p><br>
- <span style="line-height: 1.5;">Si estás aqui, es probable que sea porque estas interesado en contribuir al área de aprendizaje de MDN. ¡Una noticia estupenda!</span></p>
-
-<p><span class="seoSummary">En esta página encontrarás todo lo que necesitas para comenzar ayudando a mejorar el contenido de aprendizaje en MDN. Hay muchas cosas que puedes hacer, dependiendo de cuanto tiempo tienes y de si eres <a href="/en-US/Learn/How_to_contribute#I'm_a_beginner">principiante</a>, <a href="/en-US/Learn/How_to_contribute#I'm_a_web_developer">desarrollador web</a>, o <a href="/en-US/Learn/How_to_contribute#I'm_a_teacher">profesor</a>.</span></p>
-
-<div class="note">
-<p><strong>Nota:</strong> Si ya eres colaborador de MDN, no dudes en volver a revisar la <a href="/en-US/docs/MDN/Doc_status/Learn">página de status de la documentación</a> para mantener un seguimiento del trabajo que se ha realizado y observar cuáles son nuestras prioridades de escritura.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota:</strong> Los colaboradores usan<a href="https://trello.com/b/LDggrYSV"> tableros de Trello</a> para organizar sus actividades. Si quieres usarlos, no tienes más que <a href="https://trello.com/signup">crearte una cuenta de Trello </a>y avisar a <a href="/en-US/docs/MDN/Contribute/Drivers_and_curators">Jeremie</a> para que te deje editar el tablero.</p>
-</div>
-
-<h2 id="Soy_principiante">Soy principiante</h2>
-
-<p>¡Genial! Los principiantes son muy importantes y valiosos para crear y dar retroalimentación sobre el material de aprendizaje. Tú tienes una perspectiva única sobre estos artículos como miembro de la audiencia a la que están dirigidos, lo cual puede convertirte en un miembro de incalculable valor para nuestro equipo. De hecho, si estás aprendiendo algo de uno de nuestros artículos y te encuentras atascado, o tienes las sensación de que el artículo es algo confuso, puedes modificarlo tú mismo o simplemente informarnos para que podamos resolverlo.</p>
-
-<p>Colaborar es un gran modo de divertirse mientras se aprenden cosas nuevas. Si alguna vez te sientes perdido o tienes algunas preguntas, no dudes en contactarnos a través de <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">nuestra lista de correo </a>o <a href="/en-US/docs/MDN/Community#Get_into_IRC">nuestro canal IRC</a> (ve al final de la página para más detalles).</p>
-
-<p>A continuación puedes encontrar algunas formas de las que puedes contribuir:</p>
-
-<dl>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Tag">Añade etiquetas a nuestros artículos</a> (<em>5 min</em>)</dt>
- <dd>Etiquetar contenido de MDN es una de las formas más sencillas de contribuir a MDN. Como muchas de las características de nuestra plataforma usan etiquetas para ayudar a presentar la información en contexto, la ayuda con el etiquetado es una contribución muy valiosa. Echa un vistazo a la lista de <a href="/en-US/docs/MDN/Doc_status/Glossary#No_tags">entradas del glosario</a> y a los <a href="/en-US/docs/MDN/Doc_status/Learn#No_tags">artículos de aprendizaje</a> sin etiquetas para comenzar.</dd>
- <dt><a href="/en-US/docs/Glossary">Lee y revisa una entrada de glosario</a> (<em>15 min</em>)</dt>
- <dd>Como principiante, necesitamos que tu vista fresca revise nuestro contenido. Si encuentras alguna entrada del glosario difícil de entender, significa que hay que mejorarla. No dudes en realizar cualquier cambio que estimes oportuno. Si crees que no tienes las habilidades adecuadas para editar la entrada, puedes contactarnos <span style="line-height: 1.5;">a través de </span><a href="/en-US/docs/MDN/Community#Join_our_mailing_lists" style="line-height: 1.5;">nuestra lista de correo</a>.</dd>
- <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Escribe una nueva entrada de glosario </a>(<em>1 hora</em>)</dt>
- <dd>Esta es la forma más eficaz de aprender algo nuevo. Elige un concepto que quieras comprender y, mientras aprendes, escribe una entrada del glosario sobre dicho concepto. Explicar algo a otros es un buen modo de "fijar" el conocimiento a tu cerebro y de ayudarte a darle sentido a las cosas. Todo mientras ayudas a otras personas. ¡Gana todo el mundo!</dd>
- <dt><a href="/en-US/Learn/Index">Lee y revisa un artículo de aprendizaje</a> (<em>2 horas</em>)</dt>
- <dd>Esto es bastante similar a revisar entradas del glosario (ver arriba); aunque lleva más tiempo, ya que estos artículos son un poco más largos.</dd>
-</dl>
-
-<h2 id="Soy_desarrollador_web">Soy desarrollador web</h2>
-
-<p>¡Fantástico! Tus habilidades técnicas son justo lo que necesitamos para asegurarnos de que proporcionamos contenido técnicamente preciso para los principiantes. Como esta parte específica de MDN está dedicada al aprendizaje de la web, asegúrate de explicar las cosas de la forma más sencilla posible. Pero procura no pasarte de sencillez, ya que entonces el contenido deja de ser útil. Es más importante que se comprenda a que sea innecesariamente preciso.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Glossary">Lee y revisa una entrada de glosario</a> (<em>15 min</em>)</dt>
- <dd>Como desarrollador web, te necesitamos para asegurarnos de que nuestro contenido es técnicamente correcto sin ser demasiado pedante. No dudes en realizar cualquier cambio que creas necesario. Si quieres debatir sobre el contenido antes de editarlo, danos un toque<span style="line-height: 1.5;"> </span><a href="/en-US/docs/MDN/Community#Join_our_mailing_lists" style="line-height: 1.5;">a nuestra lista de correo</a> o al <a href="/en-US/docs/MDN/Community#Get_into_IRC">canal IRC</a>.</dd>
- <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Escribe una nueva entrada de glosario</a> (<em>1 hora</em>)</dt>
- <dd>Clarificar nuestra jerga técnica es un muy buen modo de aprender y ser técnicamente preciso y simple. La gente con menos experiencia te lo agradecerá. Tenemos <a href="/en-US/docs/Glossary#Contribute">muchos términos indefinidos</a> que necesitan tu atención. Escoge uno y listo.</dd>
- <dt><a href="/en-US/Learn/Index">Lee y revisa un artículo de aprendizaje</a> (<em>2 horas</em>)</dt>
- <dd>Esto es lo mismo que revisar entradas del glosario (ver arriba); aunque lleva un poco más de tiempo, ya que estos artículos son un poco más largos.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Escribe un nuevo artículo de aprendizaje</a> (<em>4 horas</em>)</dt>
- <dd>En MDN hacen falta artículos sencillos y prácticos sobre el uso de tecnologías web (<a href="/en-US/docs/Learn/CSS">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, <a href="/en-US/docs/Learn/JavaScript">JavaScript</a>, etc). Incluso tenemos contenido viejo en MDN que merece ser revisado y reformado. Lleva tus habilidades al límite para lograr que las tecnologías web puedan ser utilizadas incluso por principiantes.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Crea ejercicios, ejemplos de código o herramientas de aprendizaje interactivo</a> (<em>? horas</em>)</dt>
- <dd>Todos nuestros artículos de aprendizaje requieren lo que nosotros llamamos materiales de "aprendizaje activo", porque la gente aprende mejor haciendo las cosas por sí mismos. Materiales como ejercicios o contenido interactivo que ayude a los usuarios a aplicar y manejar los conceptos detallados en un artículo. Hay muchas formas de crear contenido de aprendizaje activo, desde crear ejemplos de código con <a href="http://jsfiddle.net" rel="external">JSFiddle</a> o similares, hasta crear contenido interactivo completamente hackeable con <a href="https://thimble.webmaker.org/" rel="external">Thimble</a>. ¡Libera tu creatividad!</dd>
-</dl>
-
-<h2 id="Soy_profesor">Soy profesor</h2>
-
-<p>MDN tiene un largo historial de excelencia técnica, pero necesitamos ayuda para mostrar el camino a los principiantes en conceptos técnicos. Aqué es donde entras tú, como profesor o educador. Puedes ayudarnos a asegurar que nuestro material se provee de forma adecuada y práctica para nuestros lectores.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Glossary">Lee y revisa una entrada en el glosario</a> (<em>15 min</em>)</dt>
- <dd>Comprueba una entrada en el glosario y siéntete libre de hacer todos los cambios que creas que son necesarios. Si quieres discutir el contenido antes de editarlo, danos un toque en nuestra <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists" style="line-height: 1.5;">lista de correo </a> or <a href="/en-US/docs/MDN/Community#Get_into_IRC">Canal de chat IRC</a>.</dd>
- <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Escribir una nueva entrada de glosario</a> (<em>1 hora</em>)</dt>
- <dd><span id="result_box" lang="es"><span>Las definiciones simples y claras de los términos y las descripciones básicas de los conceptos en el glosario son fundamentales para satisfacer las necesidades de los principiantes.</span> <span>Su experiencia como educador puede ayudar a crear excelentes entradas de glosario;</span> <span>tenemos</span></span>  <a href="/en-US/docs/Glossary#Contribute">muchos terminos indefinidos</a> que necesitan de su atención. Escoge uno y ve por él.</dd>
- <dt><a href="/en-US/docs/tag/needsSchema">Añadir ilustraciones y/o esquemas a los artículos</a> (<em>1 hora</em>)</dt>
- <dd>Como ya sabrás, Las ilustraciones son parte invaluable de cualquier contenido de aprendizaje. Esto es algo que generalmente falta en MDN y tus habilidades pueden haer la diferencia en esta área. Mira en los <a href="/en-US/docs/tag/needsSchema">artículos que le falan contenido ilustrativo</a> y escoge uno al que te gustaría crearle los gráficos.</dd>
- <dt><a href="/en-US/Learn/Index">Leer y revisar un artículo de aprendizaje</a> (<em>2 horas</em>)</dt>
- <dd><span id="result_box" lang="es"><span>Esto es similar a revisar las entradas del glosario (ver arriba), pero requiere más tiempo ya que los artículos son bastante más largos</span></span> .</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Escribir un nuevo artículo de aprendizaje</a> (<em>4 horas</em>)</dt>
- <dd><span id="result_box" lang="es"><span title="We need simple, straightforward articles about the Web ecosystem and other functional topics around it.">Necesitamos artículos simples y directos sobre el ecosistema web y otros temas funcionales a su alrededor. </span><span title="Since these learning articles need to be educational rather than trying to literally cover everything there is to know, your experience in knowing what to cover and how will be a great asset.
-">Dado que estos artículos de aprendizaje deben ser educativos en lugar de tratar de cubrir literalmente todo lo que hay que saber, su experiencia en saber qué cubrir y cómo será una gran ventaja</span></span>.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Crear ejercicios, cuestionarios o herramientas interactivas de aprendizaje</a> (<em>? horas</em>)</dt>
- <dd><span id="result_box" lang="es"><span title='All our learning articles require what we call "active learning" materials.'>Todos nuestros artículos de aprendizaje requieren lo que llamamos materiales de "aprendizaje activo". </span><span title="Such materials are exercises or interactive content which help a user learn to use and expand upon the concepts detailed in an article.">Dichos materiales son ejercicios o contenido interactivo que ayudan al usuario a aprender a usar y ampliar los conceptos detallados en un artículo. </span><span title="There are lots of things you can do here, from creating quizzes to building fully hackable interactive content with Thimble.">Aquí puede hacer muchas cosas, desde crear concursos hasta crear contenido interactivo completamente pirateable con</span></span>  <a href="https://thimble.webmaker.org/" rel="external">Thimble</a>. Da rienda suelta a tu creatividad!</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_learning_pathways">Crea rutas de aprendizaje</a> (<em>? horas</em>)</dt>
- <dd><span id="result_box" lang="es"><span title="In order to provide progressive and comprehensible tutorials, we need to shape our content into pathways.">Con el fin de proporcionar tutoriales progresivos y comprensibles, tenemos que dar forma a nuestro contenido en rutas. </span><span title="It's a way to gather existing content and figure out what is missing to create a learning article to write">Es una forma de recopilar contenido existente y descubrir lo que falta para crear un artículo de aprendizaje para escribir</span></span> .</dd>
-</dl>
diff --git a/files/es/learn/css/building_blocks/fondos_y_bordes/index.html b/files/es/learn/css/building_blocks/backgrounds_and_borders/index.html
index 0de93e1eb1..0de93e1eb1 100644
--- a/files/es/learn/css/building_blocks/fondos_y_bordes/index.html
+++ b/files/es/learn/css/building_blocks/backgrounds_and_borders/index.html
diff --git a/files/es/learn/css/building_blocks/cascada_y_herencia/index.html b/files/es/learn/css/building_blocks/cascade_and_inheritance/index.html
index 91a359181f..91a359181f 100644
--- a/files/es/learn/css/building_blocks/cascada_y_herencia/index.html
+++ b/files/es/learn/css/building_blocks/cascade_and_inheritance/index.html
diff --git a/files/es/learn/css/building_blocks/depurar_el_css/index.html b/files/es/learn/css/building_blocks/debugging_css/index.html
index 5f04fdd756..5f04fdd756 100644
--- a/files/es/learn/css/building_blocks/depurar_el_css/index.html
+++ b/files/es/learn/css/building_blocks/debugging_css/index.html
diff --git a/files/es/learn/css/introduction_to_css/fundamental_css_comprehension/index.html b/files/es/learn/css/building_blocks/fundamental_css_comprehension/index.html
index b53db2df02..b53db2df02 100644
--- a/files/es/learn/css/introduction_to_css/fundamental_css_comprehension/index.html
+++ b/files/es/learn/css/building_blocks/fundamental_css_comprehension/index.html
diff --git a/files/es/learn/css/building_blocks/manejando_diferentes_direcciones_de_texto/index.html b/files/es/learn/css/building_blocks/handling_different_text_directions/index.html
index fa21de66e5..fa21de66e5 100644
--- a/files/es/learn/css/building_blocks/manejando_diferentes_direcciones_de_texto/index.html
+++ b/files/es/learn/css/building_blocks/handling_different_text_directions/index.html
diff --git a/files/es/learn/css/building_blocks/imágenes_medios_y_elementos_de_formulario/index.html b/files/es/learn/css/building_blocks/images_media_form_elements/index.html
index db0f522728..db0f522728 100644
--- a/files/es/learn/css/building_blocks/imágenes_medios_y_elementos_de_formulario/index.html
+++ b/files/es/learn/css/building_blocks/images_media_form_elements/index.html
diff --git a/files/es/learn/css/building_blocks/contenido_desbordado/index.html b/files/es/learn/css/building_blocks/overflowing_content/index.html
index 808a519c12..808a519c12 100644
--- a/files/es/learn/css/building_blocks/contenido_desbordado/index.html
+++ b/files/es/learn/css/building_blocks/overflowing_content/index.html
diff --git a/files/es/learn/css/building_blocks/selectores_css/selectores_de_atributos/index.html b/files/es/learn/css/building_blocks/selectors/attribute_selectors/index.html
index 057c38c18d..057c38c18d 100644
--- a/files/es/learn/css/building_blocks/selectores_css/selectores_de_atributos/index.html
+++ b/files/es/learn/css/building_blocks/selectors/attribute_selectors/index.html
diff --git a/files/es/learn/css/building_blocks/selectores_css/combinadores/index.html b/files/es/learn/css/building_blocks/selectors/combinators/index.html
index 54f416456d..54f416456d 100644
--- a/files/es/learn/css/building_blocks/selectores_css/combinadores/index.html
+++ b/files/es/learn/css/building_blocks/selectors/combinators/index.html
diff --git a/files/es/learn/css/building_blocks/selectores_css/index.html b/files/es/learn/css/building_blocks/selectors/index.html
index d0ea61da20..d0ea61da20 100644
--- a/files/es/learn/css/building_blocks/selectores_css/index.html
+++ b/files/es/learn/css/building_blocks/selectors/index.html
diff --git a/files/es/learn/css/building_blocks/selectores_css/pseudo-clases_y_pseudo-elementos/index.html b/files/es/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html
index f48dfdcbd5..f48dfdcbd5 100644
--- a/files/es/learn/css/building_blocks/selectores_css/pseudo-clases_y_pseudo-elementos/index.html
+++ b/files/es/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html
diff --git a/files/es/learn/css/building_blocks/selectores_css/selectores_de_tipo_clase_e_id/index.html b/files/es/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html
index 01b3963f8a..01b3963f8a 100644
--- a/files/es/learn/css/building_blocks/selectores_css/selectores_de_tipo_clase_e_id/index.html
+++ b/files/es/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html
diff --git a/files/es/learn/css/building_blocks/dimensionar_elementos_en_css/index.html b/files/es/learn/css/building_blocks/sizing_items_in_css/index.html
index 81759abccc..81759abccc 100644
--- a/files/es/learn/css/building_blocks/dimensionar_elementos_en_css/index.html
+++ b/files/es/learn/css/building_blocks/sizing_items_in_css/index.html
diff --git a/files/es/learn/css/building_blocks/el_modelo_de_caja/index.html b/files/es/learn/css/building_blocks/the_box_model/index.html
index dbc0d644f8..dbc0d644f8 100644
--- a/files/es/learn/css/building_blocks/el_modelo_de_caja/index.html
+++ b/files/es/learn/css/building_blocks/the_box_model/index.html
diff --git a/files/es/learn/css/building_blocks/valores_y_unidades_css/index.html b/files/es/learn/css/building_blocks/values_and_units/index.html
index 4470746bc8..4470746bc8 100644
--- a/files/es/learn/css/building_blocks/valores_y_unidades_css/index.html
+++ b/files/es/learn/css/building_blocks/values_and_units/index.html
diff --git a/files/es/learn/css/css_layout/introducción/index.html b/files/es/learn/css/css_layout/introduction/index.html
index 2f409d97c3..2f409d97c3 100644
--- a/files/es/learn/css/css_layout/introducción/index.html
+++ b/files/es/learn/css/css_layout/introduction/index.html
diff --git a/files/es/learn/css/css_layout/flujo_normal/index.html b/files/es/learn/css/css_layout/normal_flow/index.html
index ffc873938f..ffc873938f 100644
--- a/files/es/learn/css/css_layout/flujo_normal/index.html
+++ b/files/es/learn/css/css_layout/normal_flow/index.html
diff --git a/files/es/learn/css/css_layout/diseño_receptivo/index.html b/files/es/learn/css/css_layout/responsive_design/index.html
index 4ddb7a94db..4ddb7a94db 100644
--- a/files/es/learn/css/css_layout/diseño_receptivo/index.html
+++ b/files/es/learn/css/css_layout/responsive_design/index.html
diff --git a/files/es/learn/css/css_layout/soporte_a_navegadores_antiguos/index.html b/files/es/learn/css/css_layout/supporting_older_browsers/index.html
index 18065a1da5..18065a1da5 100644
--- a/files/es/learn/css/css_layout/soporte_a_navegadores_antiguos/index.html
+++ b/files/es/learn/css/css_layout/supporting_older_browsers/index.html
diff --git a/files/es/learn/css/first_steps/comenzando_css/index.html b/files/es/learn/css/first_steps/getting_started/index.html
index 1da9edb582..1da9edb582 100644
--- a/files/es/learn/css/first_steps/comenzando_css/index.html
+++ b/files/es/learn/css/first_steps/getting_started/index.html
diff --git a/files/es/learn/css/first_steps/como_se_estructura_css/index.html b/files/es/learn/css/first_steps/how_css_is_structured/index.html
index a3e9bb94b8..a3e9bb94b8 100644
--- a/files/es/learn/css/first_steps/como_se_estructura_css/index.html
+++ b/files/es/learn/css/first_steps/how_css_is_structured/index.html
diff --git a/files/es/learn/css/first_steps/como_funciona_css/index.html b/files/es/learn/css/first_steps/how_css_works/index.html
index 920212e080..920212e080 100644
--- a/files/es/learn/css/first_steps/como_funciona_css/index.html
+++ b/files/es/learn/css/first_steps/how_css_works/index.html
diff --git a/files/es/learn/css/first_steps/usa_tu_nuevo_conocimiento/index.html b/files/es/learn/css/first_steps/using_your_new_knowledge/index.html
index bff4f103bf..bff4f103bf 100644
--- a/files/es/learn/css/first_steps/usa_tu_nuevo_conocimiento/index.html
+++ b/files/es/learn/css/first_steps/using_your_new_knowledge/index.html
diff --git a/files/es/learn/css/first_steps/qué_es_css/index.html b/files/es/learn/css/first_steps/what_is_css/index.html
index eb4f8e8a8a..eb4f8e8a8a 100644
--- a/files/es/learn/css/first_steps/qué_es_css/index.html
+++ b/files/es/learn/css/first_steps/what_is_css/index.html
diff --git a/files/es/learn/css/howto/css_faq/index.html b/files/es/learn/css/howto/css_faq/index.html
new file mode 100644
index 0000000000..36c2fa1317
--- /dev/null
+++ b/files/es/learn/css/howto/css_faq/index.html
@@ -0,0 +1,118 @@
+---
+title: Preguntas frecuentes sobre CSS
+slug: Web/CSS/Preguntas_frecuentes_sobre_CSS
+tags:
+ - CSS
+ - Proyecto MDC
+translation_of: Learn/CSS/Howto/CSS_FAQ
+---
+<h4 id="My_CSS_is_valid.2C_but_not_correctly_rendered" name="My_CSS_is_valid.2C_but_not_correctly_rendered"><span class="goog-gtc-unit" id="goog-gtc-unit-2"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Mi CSS es válida, pero no se representa correctamente</span></span></h4>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-3"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Los navegadores utilizan la declaración <code>DOCTYPE</code> para elegir entre mostrar el documento usando un modo que sea más compatible con los estándares de la Web o mostrarlo con los fallos de los navegadores antiguos.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-4"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El uso de una declaración <code>DOCTYPE</code> correcta y moderna al inicio del código HTML mejorará el cumplimiento de los estándares del navegador.</span></span></p>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-5"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">Los navegadores modernos tienen fundamentalmente dos modos de renderizado:</span></span></p>
+<ul> <li><span class="goog-gtc-unit" id="goog-gtc-unit-6"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style=""><em>Quirks mode</em> (Modo no estándar): también se llama el modo de compatibilidad con versiones anteriores y permite que las páginas web heredadas se representen como sus autores habían previsto, siguiendo las normas de representación o renderizado no estándares que usan los navegadores antiguos.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-7"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Los documentos con una declaración <code>DOCTYPE</code> incompleta, incorrecta o faltante o con una declaración <code>DOCTYPE</code> conocida que se usara habitualmente antes de 2001 se representarán en el Modo no estándar.</span></span></li> <li><span class="goog-gtc-unit" id="goog-gtc-unit-8"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style=""><em>Standards Mode</em> (Modo estándar): el navegador intenta seguir estrictamente los estándares del W3C.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-9"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Se supone que las nuevas páginas HTML se diseñarán para navegadores compatibles con los estándares, y como resultado, las páginas con una declaración <code>DOCTYPE</code> moderna será renderizada con el Modo estándar.</span></span></li>
+</ul>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-10"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Los navegadores basados en Gecko tienen un tercer <em><a href="/en/Gecko's_&quot;Almost_Standards&quot;_Mode" title="en/Gecko's &quot;Almost Standards&quot; Mode">Modo casi estándar</a></em> que tiene solo una peculiaridades menores.</span></span></p>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-11"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Esta es una lista de las declaraciones <code>DOCTYPE</code> más utilizadas que activarán el Modo estándar o el Modo casi estándar:</span></span></p>
+<pre><span class="goog-gtc-unit" id="goog-gtc-unit-12"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">&lt;!</span></span><span class="goog-gtc-unit" id="goog-gtc-unit-13"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.0 Transitional / / EN"</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-14"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">"http://www.w3.org/TR/html4/loose.dtd"&gt;</span></span>
+
+<span class="goog-gtc-unit" id="goog-gtc-unit-15"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">&lt;!</span></span><span class="goog-gtc-unit" id="goog-gtc-unit-16"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN"</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-17"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">"http://www.w3.org/TR/html4/strict.dtd"&gt;</span></span>
+
+<span class="goog-gtc-unit" id="goog-gtc-unit-18"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">&lt;!</span></span><span class="goog-gtc-unit" id="goog-gtc-unit-19"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN"</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-20"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</span></span>
+
+<span class="goog-gtc-unit" id="goog-gtc-unit-21"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">&lt;!</span></span><span class="goog-gtc-unit" id="goog-gtc-unit-22"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN"</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-23"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</span></span>
+</pre>
+<h4 id="Difference_between_id_and_class" name="Difference_between_id_and_class"><span class="goog-gtc-unit" id="goog-gtc-unit-24"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">Diferencia entre <code>id</code> y <code>class</code></span></span></h4>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-25"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Los elementos HTML pueden tener un atributo <code>id</code> y / o un atributo <code>class</code>.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-26"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El atributo <code>id</code> asigna un nombre a un elemento determinado y debe haber un solo elemento con ese nombre.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-27"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El atributo <code>class</code> asigna un elemento a una determinada clase y en general no puede haber más de un elemento con el mismo atributo <code>class</code>.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-28"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">CSS te permite aplicar estilos a un atributo <code>id</code> y / o <code>class</code> concreto.</span></span></p>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-29"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Utiliza un estilo específico de <code>id</code> cuando desees restringir las reglas de estilo a un bloque o elemento concreto.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-30"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Este estilo lo usará <strong>un solo</strong> elemento con ese <code>id</code> concreto.</span></span></p>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-31"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Usa un estilo específico de <code>class</code> cuando desees aplicar las reglas de estilo a una determinada clase de bloques y elementos.</span></span></p>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-32"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Consulta <a href="/en/CSS/Getting_Started/Selectors" title="en/CSS/Getting Started/Selectors">Selectores CSS</a></span></span></p>
+<h4 id="Restoring_the_default_property_value" name="Restoring_the_default_property_value"><span class="goog-gtc-unit" id="goog-gtc-unit-33"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Restaurar el valor de la propiedad predeterminado</span></span></h4>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-34"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Debido a que CSS no proporciona una palabra clave "predeterminada", la única manera de restaurar el valor predeterminado de una propiedad es volver a declarar explícitamente dicha propiedad.</span></span></p>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-35"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Por lo tanto, debes tener especial cuidado al escribir reglas de estilo usando selectores (por ejemplo, los selectores por nombre de etiqueta, como <code>p</code> ) que tal vez desees reemplazar con reglas más específicas (como las que usan id o selectores de clase), porque el valor predeterminado original no puede restablecerse automáticamente.</span></span></p>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-36"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Debido a la naturaleza <em>en cascada</em> de CSS, es una buena práctica definir reglas de estilo de una manera lo más concreta posible para evitar aplicar estilo a elementos a los que no se tenía previsto aplicar.</span></span></p>
+<h4 id="Derived_styles" name="Derived_styles"><span class="goog-gtc-unit" id="goog-gtc-unit-37"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Estilos derivados</span></span></h4>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-38"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">CSS no permite que se defina un estilo según los términos de otro.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-39"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">(Consulta la <a class="external" href="http://archivist.incutio.com/viewlist/css-discuss/2685" title="http://archivist.incutio.com/viewlist/css-discuss/2685">nota de Eric Meyer acerca de la postura del Grupo de trabajo)</a>.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-40"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Sin embargo, la asignación de múltiples clases a un solo elemento puede proporcionar el mismo efecto.</span></span></p>
+<h4 id="Assigning_multiple_classes" name="Assigning_multiple_classes"><span class="goog-gtc-unit" id="goog-gtc-unit-41"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">Asignación de múltiples clases</span></span></h4>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-42"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">A los elementos HTML se les pueden asignar varias clases listándolas  en el atributo <code>class</code>, con un espacio en blanco para separarlas.</span></span></p>
+<pre><span class="goog-gtc-unit" id="goog-gtc-unit-43"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">&lt;style type="text/css"&gt;</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-44"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">.news { background: black; color: white; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-45"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">.today { font-weight: bold; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-46"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;/style&gt;</span></span>
+
+<span class="goog-gtc-unit" id="goog-gtc-unit-47"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">&lt;div class="news today"&gt;</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-48"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">... contenido de las noticias de hoy ...</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-49"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;/ div&gt;</span></span>
+</pre>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-50"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Si la misma propiedad se declara en ambas reglas, el conflicto se resuelve primero a través de la especificidad, a continuación, según el orden de las declaraciones CSS.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-51"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El orden de las clases en el atributo <code>class</code> no es relevante.</span></span></p>
+<h4 id="Style_rules_that_don.27t_work" name="Style_rules_that_don.27t_work"><span class="goog-gtc-unit" id="goog-gtc-unit-52"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Normas de estilo que no funcionan</span></span></h4>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-53"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Las reglas de estilo que son sintácticamente correctas pueden no aplicarse en determinadas situaciones.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-54"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Puedes utilizar las <em>Reglas de estilo de CSS</em> del <a href="/en/DOM_Inspector" title="en/DOM Inspector">Inspector DOM</a> para depurar los problemas de este tipo, pero los casos más frecuentes en los que se ignoran las reglas de estilo se enumeran a continuación.</span></span></p>
+<h5 id="HTML_elements_hierarchy" name="HTML_elements_hierarchy"><span class="goog-gtc-unit" id="goog-gtc-unit-55"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Jerarquía de los elementos HTML</span></span></h5>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-56"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">La forma en que se aplican los estilos CSS a los elementos HTML depende también de la jerarquía de los elementos.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-57"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Es importante recordar que una regla que se aplica a un descendiente reemplaza el estilo del padre, a pesar de la especificidad o la prioridad de las reglas CSS.</span></span></p>
+<pre><span class="goog-gtc-unit" id="goog-gtc-unit-58"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">.news { color: black; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-59"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">. corpName {font-weight: bold; color: red;}</span></span>
+
+<span class="goog-gtc-unit" id="goog-gtc-unit-60"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;!-- el texto de la noticia es negro, pero el nombre de la empresa va en rojo y negrita --&gt;</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-61"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;div class="news"&gt;</span></span>
+ <span class="goog-gtc-unit" id="goog-gtc-unit-62"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">(Reuters) &lt;span class="corpName"&gt; General Electric &lt;/ span&gt; (GE.NYS) anunció el jueves ...</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-63"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;/ div&gt;</span></span>
+</pre>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-64"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">En el caso de jerarquías HTML complejas, si parece que se ignora una regla, comprueba si el elemento está dentro de otro elemento con un estilo diferente.</span></span></p>
+<h5 id="Explicitly_re-defined_style_rule" name="Explicitly_re-defined_style_rule"><span class="goog-gtc-unit" id="goog-gtc-unit-65"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Regla de estilo explícitamente redefinida</span></span></h5>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-66"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">En las hojas de estilo CSS el orden <strong>es</strong> importante.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-67"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Si defines una regla y luego vuelves a definirla, se usará la última definición.</span></span></p>
+<pre><span class="goog-gtc-unit" id="goog-gtc-unit-68"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">#stockTicker { font-weight: bold; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-69"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">.stockSymbol { color: red; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-70"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">/* otras reglas */</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-71"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">/* otras reglas */</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-72"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">/* otras reglas */</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-73"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">.stockSymbol { font-weight: normal; }</span></span>
+
+<span class="goog-gtc-unit" id="goog-gtc-unit-74"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;!-- la mayor parte del texto va en negrita, con excepción de "GE", que va en rojo y no en negrita --&gt;</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-75"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;div id="stockTicker"&gt;</span></span>
+ <span class="goog-gtc-unit" id="goog-gtc-unit-76"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">NYS: &lt;span class="stockSymbol"&gt;GE&lt;/span&gt; +1.0 ...</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-77"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;/ div&gt;</span></span>
+</pre>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-78"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Para evitar este tipo de errores, intenta definir las reglas solo una vez para un selector determinado y agrupa todas las reglas que pertenecen a ese selector.</span></span></p>
+<h5 id="Use_of_a_shorthand_property" name="Use_of_a_shorthand_property"><span class="goog-gtc-unit" id="goog-gtc-unit-79"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Uso de una propiedad abreviada</span></span></h5>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-80"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Está bien usar las propiedades abreviadas para la definición de reglas de estilo, ya que utiliza una sintaxis muy compacta.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-81"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Usar la abreviatura con sólo algunos atributos es posible y correcto, pero hay que recordar que los atributos no declarados se restablecen a los valores predeterminados automáticamente.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-82"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Esto significa que una norma anterior para un solo atributo podría ser reemplazada implícitamente.</span></span></p>
+<pre><span class="goog-gtc-unit" id="goog-gtc-unit-83"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">#stockTicker { font-size: 12px; font-family: Verdana; font-weight: bold; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-84"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">.stockSymbol { font: 14px Arial; color: red; }</span></span>
+
+<span class="goog-gtc-unit" id="goog-gtc-unit-85"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;div id="stockTicker"&gt;</span></span>
+ <span class="goog-gtc-unit" id="goog-gtc-unit-86"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">NYS: &lt;span class="stockSymbol"&gt;GE&lt;/span&gt; +1.0 ...</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-87"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;/ div&gt;</span></span>
+</pre>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-88"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">En el ejemplo anterior el problema se produjo en las reglas que pertencían a distintos elementos, pero puede ocurrir también para el mismo elemento, porque el orden de las reglas <strong>es</strong> importante.</span></span></p>
+<pre><span class="goog-gtc-unit" id="goog-gtc-unit-89"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">#stockTicker {</span></span>
+ <span class="goog-gtc-unit" id="goog-gtc-unit-90"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">font-weight: bold;</span></span>
+ <span class="goog-gtc-unit" id="goog-gtc-unit-91"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">font: 12px Verdana; / * font-weight es ahora normal * /</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-92"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">}</span></span>
+</pre>
+<h5 id="Use_of_the_.2A_selector" name="Use_of_the_.2A_selector"><span class="goog-gtc-unit" id="goog-gtc-unit-93"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Uso del selector <code>*</code></span></span></h5>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-94"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El selector <code>*</code> se refiere a cualquier elemento y tiene que utilizarse con especial cuidado.</span></span></p>
+<pre><span class="goog-gtc-unit" id="goog-gtc-unit-95"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">body * { font-weight: normal; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-96"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">#stockTicker { font: 12px Verdana; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-97"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">.corpName { font-weight: bold; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-98"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">.stockUp { color: red; }</span></span>
+
+<span class="goog-gtc-unit" id="goog-gtc-unit-99"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;div id="section"&gt;</span></span>
+ <span class="goog-gtc-unit" id="goog-gtc-unit-100"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">NYS: &lt;span class="corpName"&gt;&lt;span class="stockUp"&gt;GE&lt;/span&gt;&lt;/span&gt; +1.0 ...</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-101"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;/ div&gt;</span></span>
+</pre>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-102"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">En este ejemplo, el selector <code>body *</code> aplica la regla a todos los elementos dentro del cuerpo (<em>body</em>), en cualquier nivel de jerarquía, incluyendo <em>redtext.</em></span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-103"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Así <code>font-weight: bold;</code> aplicada a la clase <em>boldtext</em> se reemplaza por <code>font-weight: normal;</code> aplicada a <em>redtext.</em></span></span></p>
+<h5 id="Specificity_in_CSS" name="Specificity_in_CSS"><span class="goog-gtc-unit" id="goog-gtc-unit-104"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Especificidad en CSS</span></span></h5>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-105"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Cuando se aplican múltiples reglas a un determinado elemento, la norma escogida depende de su especificidad de estilo.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-106"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El estilo en línea (en los atributos HTML <code>style</code>) es lo primero, seguido por los selectores id, a continuación, los selectores class y, finalmente, los selectores element-name.</span></span></p>
+<pre><span class="goog-gtc-unit" id="goog-gtc-unit-107"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">div { color: black; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-108"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">#orange { color: orange; }</span></span>
+<span class="goog-gtc-unit" id="goog-gtc-unit-109"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">.green { color: green; }</span></span>
+
+<span class="goog-gtc-unit" id="goog-gtc-unit-110"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">&lt;div id="orange" class="green" style="color: red;"&gt;This is red&lt;/div&gt;</span></span>
+</pre>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-111"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">Las reglas son más complicadas cuando el selector tiene varias partes.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-112"><span class="goog-gtc-translatable goog-gtc-from-human goog-gtc-ph-missing" dir="ltr" style="">Se puede encontrar más información detallada acerca de cómo se calcula la especificidad del selector en el <a class=" external" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" title="http://www.w3.org/TR/CSS21/cascade.html#specificity">capítulo 6.4.3 de la Especificación CSS 2.1</a></span></span></p>
+<h4 id="What_do_the_-moz-.2A_properties_do.3F" name="What_do_the_-moz-.2A_properties_do.3F"><span class="goog-gtc-unit" id="goog-gtc-unit-113"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">¿Qué hacen las propiedades -moz-*?</span></span></h4>
+<p><span class="goog-gtc-unit" id="goog-gtc-unit-114"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Por favor, consulta la página <a class="internal" href="/en/CSS_Reference/Mozilla_Extensions" title="en/CSS Reference/Mozilla Extensions">Extensiones CSS de Mozilla</a>.</span></span></p>
+<p> </p>
+<p>{{ languages( { "en": "en/Common_CSS_Questions", "pl": "pl/Cz\u0119ste_pytania_o_CSS", "zh-tw": "zh_tw/CSS_\u4e00\u822c\u554f\u984c" } ) }}</p>
diff --git a/files/es/learn/css/sábercomo/generated_content/index.html b/files/es/learn/css/howto/generated_content/index.html
index 605e87f9e2..605e87f9e2 100644
--- a/files/es/learn/css/sábercomo/generated_content/index.html
+++ b/files/es/learn/css/howto/generated_content/index.html
diff --git a/files/es/learn/css/sábercomo/index.html b/files/es/learn/css/howto/index.html
index ffff1653c0..ffff1653c0 100644
--- a/files/es/learn/css/sábercomo/index.html
+++ b/files/es/learn/css/howto/index.html
diff --git a/files/es/learn/css/styling_text/fuentes_web/index.html b/files/es/learn/css/styling_text/web_fonts/index.html
index 7bfa162217..7bfa162217 100644
--- a/files/es/learn/css/styling_text/fuentes_web/index.html
+++ b/files/es/learn/css/styling_text/web_fonts/index.html
diff --git a/files/es/learn/html/forms/the_native_form_widgets/index.html b/files/es/learn/forms/basic_native_form_controls/index.html
index c8a2651837..c8a2651837 100644
--- a/files/es/learn/html/forms/the_native_form_widgets/index.html
+++ b/files/es/learn/forms/basic_native_form_controls/index.html
diff --git a/files/es/learn/html/forms/validacion_formulario_datos/index.html b/files/es/learn/forms/form_validation/index.html
index e967b68973..e967b68973 100644
--- a/files/es/learn/html/forms/validacion_formulario_datos/index.html
+++ b/files/es/learn/forms/form_validation/index.html
diff --git a/files/es/learn/html/forms/como_crear_widgets_de_formularios_personalizados/index.html b/files/es/learn/forms/how_to_build_custom_form_controls/index.html
index 73ae6e6590..73ae6e6590 100644
--- a/files/es/learn/html/forms/como_crear_widgets_de_formularios_personalizados/index.html
+++ b/files/es/learn/forms/how_to_build_custom_form_controls/index.html
diff --git a/files/es/learn/html/forms/how_to_structure_an_html_form/index.html b/files/es/learn/forms/how_to_structure_a_web_form/index.html
index 45f58520d1..45f58520d1 100644
--- a/files/es/learn/html/forms/how_to_structure_an_html_form/index.html
+++ b/files/es/learn/forms/how_to_structure_a_web_form/index.html
diff --git a/files/es/learn/html/forms/tipos_input_html5/index.html b/files/es/learn/forms/html5_input_types/index.html
index d463399e93..d463399e93 100644
--- a/files/es/learn/html/forms/tipos_input_html5/index.html
+++ b/files/es/learn/forms/html5_input_types/index.html
diff --git a/files/es/learn/forms/index.html b/files/es/learn/forms/index.html
new file mode 100644
index 0000000000..a0e77ec827
--- /dev/null
+++ b/files/es/learn/forms/index.html
@@ -0,0 +1,118 @@
+---
+title: Formularios en HTML5
+slug: HTML/HTML5/Forms_in_HTML5
+tags:
+ - Forms
+ - HTML
+ - HTML5
+---
+<p>{{ gecko_minversion_header("2") }}</p>
+
+<p>Los elementos y atributos para formularios en HTML5 proveen un mayor grado de marcado semántico que en HTML4 y eliminan gran parte del tedioso trabajo de programar y diseñar que se necesitaba en HTML4. Las funcionalidades de los formularios en HTML5 brindan una experiencia mejor para los usuarios al permitir que los formularios tengan un comportamiento más consistente entre diferentes sitios web y al darle una devolución inmediata acerca de la información ingresada. También proveen esta experiencia a los usuarios que han deshabilitado javascript en sus navegadores.</p>
+
+<p>Este documento describe los elementos nuevos o que han cambiado que están disponibles en Gecko/Firefox.</p>
+
+<h3 id="El_elemento_&lt;input>">El elemento <code>&lt;input&gt;</code></h3>
+
+<p>El elemento <code>{{ HTMLElement("input") }}</code> tiene nuevos valores para el atributo {{ htmlattrxref("type", "input") }}.</p>
+
+<ul>
+ <li><span style="font-family: courier new;">search</span>: El elemento representa una caja de búsqueda. Los saltos de línea son quitados del valor ingresado pero no se modifica ninguna otra sintaxis.</li>
+ <li><span style="font-family: courier new;">tel</span>: El elemento representa un control para editar un número de teléfono, porque los números teléfonicos varían ampliamente en el mundo. Puedes usar atributos como {{ htmlattrxref("pattern", "input") }} y {{ htmlattrxref("maxlength", "input") }} para restringir los valores ingresados en la caja.</li>
+ <li><span style="font-family: courier new;">url</span>: El elemento representa un control para editar una <a class="external" href="http://es.wikipedia.org/URL" title="http://es.wikipedia.org/URL">URL</a>. Se quitan los saltos de línea y espacios en blanco antes y después del valor ingresados.</li>
+ <li>
+ <p><span style="font-family: courier new;">email</span>: El elemento representa una dirección de correo electrónico. Los saltos de línea se quitan automáticamente del valor ingresado. Puede ingresarse una direccón de correo no válida, pero el campo de ingreso sólo funcionará si la dirección ingresada satisface la producción ABNF <span style="font-family: courier new;"><code><code title="">1*( atext / "." ) "@" ldh-str 1*( "." ldh-str )</code></code></span> donde <code title="">atext</code> está definida en RFC 5322, sección 3.2.3 y <code title="">ldh-str</code> está definida en RFC 1034, sección 3.5.</p>
+
+ <div class="note">Nota: si el atributo {{ htmlattrxref("multiple", "input") }} está agregado, pueden ingresarse muchas direcciones de correo electrónico en ese campo {{ HTMLElement("input") }}, como una lista separada por espacios, pero no está implementado actualmente en Firefox.</div>
+ </li>
+</ul>
+
+<p>El elemento {{ HTMLElement("input") }} también tiene nuevos atributos:</p>
+
+<ul>
+ <li>{{ htmlattrxref("list", "input") }}: El ID de un elemento {{ HTMLElement("datalist") }} cuyo contenido, los elementos {{ HTMLElement("option") }}, van a ser usados como ayudas y serán mostrados como propuestas en el área de sugerencias del campo input.</li>
+ <li>{{ htmlattrxref("pattern", "input") }}: Una expresión regular contra la que es verificado el valor del control, que puede ser usada con valores de {{ htmlattrxref("type", "input") }} de <code>text</code>, <code>tel</code>, <code>search</code>, <code>url</code> y <code>email</code>.</li>
+ <li>{{ htmlattrxref("formmethod", "input") }}: Una cadena que indica qué método HTTP (GET, POST, PUT o DELETE) debe ser usado cuando se envía; sobrescribe el {{ htmlattrxref("method", "form") }} del elemento {{ HTMLElement("form") }}, si se define. El {{ htmlattrxref("formmethod", "input") }} sólo se aplica cuando el {{ htmlattrxref("type", "input") }} es <span style="font-family: courier new;">image</span> o <span style="font-family: courier new;">submit</span>, y, para los métodos PUT y DELETE, sólo funcionará con un destino que esté en el mismo dominio (política del mismo origen).</li>
+</ul>
+
+<h3 id="El_elemento_&lt;form>">El elemento <code>&lt;form&gt;</code></h3>
+
+<p>El elemento {{ HTMLElement("form") }} tiene un nuevo atributo:</p>
+
+<ul>
+ <li>{{ htmlattrxref("novalidate", "form") }}: Este atributo previene que el formulario sea validado antes del envío.</li>
+</ul>
+
+<h3 id="El_elemento_&lt;datalist>">El elemento <code>&lt;datalist&gt; </code></h3>
+
+<p>El elemento {{ HTMLElement("datalist") }} representa la lista de elementos {{ HTMLElement("option") }} como sugerencias cuando se llena un campo {{ HTMLElement("input") }}.</p>
+
+<p>Puedes usar el atributo {{ htmlattrxref("list", "input") }} en un elemento {{ HTMLElement("input") }} para enlazar a un campo de ingreso específico con un elemento {{ HTMLElement("datalist") }} determinado.</p>
+
+<pre>&lt;label&gt;Superhéroe favorito&lt;/label&gt;
+&lt;input list="superheroes" name="list" /&gt;
+&lt;datalist id="superheroes"&gt;
+ &lt;option label="Iron Man" value="Iron Man"&gt;
+ &lt;option label="The Hulk" value="The Hulk"&gt;
+&lt;/datalist&gt;
+</pre>
+
+<h3 id="El_elemento_&lt;output>">El elemento <code>&lt;output&gt;</code></h3>
+
+<p>El elemento <code>{{ HTMLElement("output") }}</code> representa el resultado de un cálculo.</p>
+
+<p>Puedes usar el atributo {{ htmlattrxref("for", "output") }} para especificar una relación entre el elemento output y otros elementos en el documento que afectan el cálculo (por ejemplo, ingreso de datos o parámetros). El valor del atributo {{ htmlattrxref("for", "output") }} es una lista separada por espacios de IDs de otros elementos.</p>
+
+<h3 id="El_atributo_placeholder">El atributo placeholder</h3>
+
+<p>El atributo {{ htmlattrxref("placeholder", "input") }} en elementos <code>{{ HTMLElement("input") }}</code> y <code>{{ HTMLElement("textarea") }}</code> provee una ayuda a los usuarios acerca de qué debe ser ingresado en el campo. El texto introducido en el placeholder no debe contener «enters» o saltos de línea.</p>
+
+<pre>&lt;input type="email" id="user-email" placeholder="e.g. john.doe@mozilla.com" required/&gt;
+</pre>
+
+<h3 id="El_atributo_autofocus">El atributo autofocus</h3>
+
+<p>El atributo <strong>autofocus</strong> te permite especificar que una parte del formulario debe tener foco para ingresar información cuando se carga la página, a menos que el usuario lo cambie, por ejemplo al escribir en otro lugar. Sólo un elemento del formulario en un documento puede tener el atributo <strong>autofocus</strong>, que es de tipo boolean. Este atributo puede ser aplicado a los elementos <code>{{ HTMLElement("input") }}</code>, <code>{{ HTMLElement("button") }}</code>, <code>{{ HTMLElement("select") }}</code> y <code>{{ HTMLElement("textarea") }}</code>. La excepción es que <strong>autofocus</strong> no puede ser aplicado a un elemento <code>&lt;input&gt;</code> si el atributo {{ htmlattrxref("type", "input") }} <code>hidden</code> está seleccionado (esto quiere decir, no se puede enfocar automáticamente un elemento escondido).</p>
+
+<pre>&lt;input type="text" id="user" autofocus /&gt;
+</pre>
+
+<h3 id="La_propiedad_label.control_del_DOM">La propiedad label.control del DOM</h3>
+
+<p>La interface <a href="/en/DOM/HTMLLabelElement" title="en/DOM/HTMLLabelElement">HTMLLabelElement</a> DOM brinda una propiedad extra, sumadas a las propiedades que corresponden a los atributos del elemento <code>{{ HTMLElement("label") }}</code> de HTML. La propiedad <strong>control</strong> devuelve el controlador etiquetado, es decir el controlador para quien está hecha la etiqueta, que está determinado por el atributo {{ htmlattrxref("for", "label") }} (si está definido) o por el primer elemento controlador descendiente.</p>
+
+<h3 id="Validación_restringida">Validación restringida</h3>
+
+<p>El HTML5 brinda sintaxis y elementos de API para posibilitar la validación de formularios del lado del cliente. Aunque esta funcionalidad no reemplaza la validación del lado del servidor, que todavía es necesaria por seguridad e integridad de la información, la validación del lado del cliente puede brindar una experiencia de usuario mejor al darle al usuario una respuesta inmediata acerca de la información ingresada.</p>
+
+<h4 id="Sintaxis_de_HTML_para_la_validación_restringida">Sintaxis de HTML para la validación restringida</h4>
+
+<p>Los siguientes elementos de sintaxis de HTML5 pueden ser usados para restringir datos en el formulario.</p>
+
+<ul>
+ <li>El atributo {{ htmlattrxref("required", "input") }} en los elementos {{ HTMLElement("input") }}, {{ HTMLElement("select") }} y {{ HTMLElement("textarea") }} indica que se debe ingresar algún dato. (En el elemento {{ HTMLElement("input") }}, {{ htmlattrxref("required", "input") }} sólo se aplica con ciertos valores del atributo {{ htmlattrxref("type", "input") }}.)</li>
+ <li>El atributo {{ htmlattrxref("pattern", "input") }} en el elemento {{ HTMLElement("input") }} restringe el valor para que concuerde con una expresión regular específica.</li>
+ <li>Los atributos {{ htmlattrxref("min", "input") }} y {{ htmlattrxref("max", "input") }} del elemento {{ HTMLElement("input") }} restringen los valores máximos y mínimos que pueden ser ingresados.</li>
+ <li>El atributo {{ htmlattrxref("step", "input") }} del elemento {{ HTMLElement("input") }} (cuando se usa en combinación con los atributos {{ htmlattrxref("min", "input") }} y {{ htmlattrxref("max", "input") }}) restringe la granularidad de los valores ingresados. Un valor que no se corresponda con un valor permitido no será validado.</li>
+ <li>El atributo {{ htmlattrxref("maxlength", "input") }} de los elementos {{ HTMLElement("input") }} y {{ HTMLElement("textarea") }} restringe el máximo número de caracteres (en puntos de código unicode) que el usuario puede ingresar.</li>
+ <li>Los valores <code>url</code> y <code>email</code> para {{ htmlattrxref("type", "input") }} restringen el valor para una URL o dirección de correo válida respectivamente.</li>
+</ul>
+
+<p>Además, puedes prevenir la validación restringida especificando el atributo {{ htmlattrxref("novalidate", "form") }} en el elemento {{ HTMLElement("form") }}, o el atributo {{ htmlattrxref("formnovalidate", "button") }} en el elemento {{ HTMLElement("button") }} y en el elemento {{ HTMLElement("input") }} (cuando {{ htmlattrxref("type", "input") }} es <code>submit</code> o <code>image</code>). Estos atributos indican que el formulario no será validado cuando se envie.</p>
+
+<h4 id="API_de_validación_restringida">API de validación restringida</h4>
+
+<p>Las siguientes propiedades y métodos del DOM relacionadas con la validación restringida están disponibles para scripts del lado del cliente:</p>
+
+<ul>
+ <li>En objetos <a href="/en/DOM/HTMLFormElement" title="en/DOM/HTMLFormElement">HTMLFormElement</a>, el método <code>checkValidity()</code>, que devuelve verdadero si todos los elementos asociados del formulario que necesitan validación satisfacen las restricciones y falso si no lo hacen.</li>
+ <li>En <a href="/en/HTML/Content_categories#form-associated" title="en/HTML/Content Categories#form-associated">elementos asociados al formulario</a>:
+ <ul>
+ <li>la propiedad <code>willValidate</code>, que es falso si el elemento no satisface las restricciones.</li>
+ <li>la propiedad <code>validity</code>, que es un objeto <a href="/en/DOM/ValidityState_Interface" title="en/DOM/ValidityState Interface">ValidityState</a> que representa los estados de validación en que está el elemento (p.e., condiciones de restricción que han fallado o exitosas).</li>
+ <li>la propiedad <code>validationMessage</code>, que es un mensaje que contiene todas las fallas en las restricciones que pertenecen a ese elemento.</li>
+ <li>el método <code>checkValidity()</code>, que devuelve falso si el elemento falla en satisfacer alguna de las restricciones o verdadero si pasa lo contrario.</li>
+ <li>el método <code>setCustomValidity()</code>, que establece un mensaje de validación personalizado, permitiendo imponer y validad restricciones más allá de las que están predefinidas.</li>
+ </ul>
+ </li>
+</ul>
diff --git a/files/es/learn/html/forms/property_compatibility_table_for_form_controls/index.html b/files/es/learn/forms/property_compatibility_table_for_form_controls/index.html
index 115b5580fe..115b5580fe 100644
--- a/files/es/learn/html/forms/property_compatibility_table_for_form_controls/index.html
+++ b/files/es/learn/forms/property_compatibility_table_for_form_controls/index.html
diff --git a/files/es/learn/html/forms/sending_and_retrieving_form_data/index.html b/files/es/learn/forms/sending_and_retrieving_form_data/index.html
index d6ca2161a4..d6ca2161a4 100644
--- a/files/es/learn/html/forms/sending_and_retrieving_form_data/index.html
+++ b/files/es/learn/forms/sending_and_retrieving_form_data/index.html
diff --git a/files/es/learn/html/forms/styling_html_forms/index.html b/files/es/learn/forms/styling_web_forms/index.html
index 26b4173ee8..26b4173ee8 100644
--- a/files/es/learn/html/forms/styling_html_forms/index.html
+++ b/files/es/learn/forms/styling_web_forms/index.html
diff --git a/files/es/learn/html/forms/prueba_tus_habilidades_colon__controles_html5/index.html b/files/es/learn/forms/test_your_skills_colon__html5_controls/index.html
index b73c8d4442..b73c8d4442 100644
--- a/files/es/learn/html/forms/prueba_tus_habilidades_colon__controles_html5/index.html
+++ b/files/es/learn/forms/test_your_skills_colon__html5_controls/index.html
diff --git a/files/es/learn/html/forms/prueba_tus_habilidades_colon__otros_controles/index.html b/files/es/learn/forms/test_your_skills_colon__other_controls/index.html
index 1496025a8d..1496025a8d 100644
--- a/files/es/learn/html/forms/prueba_tus_habilidades_colon__otros_controles/index.html
+++ b/files/es/learn/forms/test_your_skills_colon__other_controls/index.html
diff --git a/files/es/learn/html/forms/your_first_html_form/index.html b/files/es/learn/forms/your_first_form/index.html
index df9d73bc60..df9d73bc60 100644
--- a/files/es/learn/html/forms/your_first_html_form/index.html
+++ b/files/es/learn/forms/your_first_form/index.html
diff --git a/files/es/learn/desarrollo_web_front-end/index.html b/files/es/learn/front-end_web_developer/index.html
index f58a9ad486..f58a9ad486 100644
--- a/files/es/learn/desarrollo_web_front-end/index.html
+++ b/files/es/learn/front-end_web_developer/index.html
diff --git a/files/es/learn/getting_started_with_the_web/manejando_los_archivos/index.html b/files/es/learn/getting_started_with_the_web/dealing_with_files/index.html
index 0c7f8c4121..0c7f8c4121 100644
--- a/files/es/learn/getting_started_with_the_web/manejando_los_archivos/index.html
+++ b/files/es/learn/getting_started_with_the_web/dealing_with_files/index.html
diff --git a/files/es/learn/getting_started_with_the_web/cómo_funciona_la_web/index.html b/files/es/learn/getting_started_with_the_web/how_the_web_works/index.html
index 546baf0309..546baf0309 100644
--- a/files/es/learn/getting_started_with_the_web/cómo_funciona_la_web/index.html
+++ b/files/es/learn/getting_started_with_the_web/how_the_web_works/index.html
diff --git a/files/es/learn/getting_started_with_the_web/instalacion_de_software_basico/index.html b/files/es/learn/getting_started_with_the_web/installing_basic_software/index.html
index 84ffdcf666..84ffdcf666 100644
--- a/files/es/learn/getting_started_with_the_web/instalacion_de_software_basico/index.html
+++ b/files/es/learn/getting_started_with_the_web/installing_basic_software/index.html
diff --git a/files/es/learn/getting_started_with_the_web/la_web_y_los_estandares_web/index.html b/files/es/learn/getting_started_with_the_web/the_web_and_web_standards/index.html
index daf6e77d18..daf6e77d18 100644
--- a/files/es/learn/getting_started_with_the_web/la_web_y_los_estandares_web/index.html
+++ b/files/es/learn/getting_started_with_the_web/the_web_and_web_standards/index.html
diff --git a/files/es/learn/html/forms/index.html b/files/es/learn/html/forms/index.html
deleted file mode 100644
index c607c7993a..0000000000
--- a/files/es/learn/html/forms/index.html
+++ /dev/null
@@ -1,366 +0,0 @@
----
-title: Formularios HTML
-slug: Learn/HTML/Forms
-tags:
- - Featured
- - Forms
- - Formulario(2)
- - Guide
- - Guía
- - HTML
- - NeedsTranslation
- - TopicStub
- - Web
-translation_of: Learn/Forms
----
-<p><span class="seoSummary">Esta guía está constituida por una serie de artículos que te ayudarán a dominar los formularios en HTML.   </span>El formulario HTML  es una herramienta  cuya finalidad es interactuar con el usuario; sin embargo, debido a razones históricas y técnicas, no siempre resulta obvio como explotar su enorme potencial. En esta guía, cubriremos todos los aspectos de los formularios HTML, desde su estructura hasta su estilo, desde la manipulación de sus datos hasta los <em>widgets</em> personalizados. ¡Aprenderás a disfrutar de las grandes prestaciones que nos brindan!</p>
-
-<h2 id="Artículos">Artículos</h2>
-
-<ol>
- <li><a href="/en-US/docs/HTML/Forms/My_first_HTML_form" title="/en-US/docs/HTML/Forms/My_first_HTML_form">Mi primer formulario HTML</a></li>
- <li><a href="/en-US/docs/HTML/Forms/How_to_structure_an_HTML_form" title="/en-US/docs/HTML/Forms/How_to_structure_an_HTML_form"><span>Cómo estructurar un formulario HTML</span></a></li>
- <li><a href="/en-US/docs/HTML/Forms/The_native_form_widgets" title="/en-US/docs/HTML/Forms/The_native_form_widgets"><span>Los <em>widgets</em> nativos de formulario</span></a></li>
- <li>CSS para formularios HTML
- <ol>
- <li><a href="/en-US/docs/HTML/Forms/Styling_HTML_forms" title="/en-US/docs/HTML/Forms/Styling_HTML_forms"><span>Aplicando estilos a formularios HTML</span></a></li>
- <li><a href="/en-US/docs/Web/Guide/HTML/Forms/Advanced_styling_for_HTML_forms" title="/en-US/docs/Advanced_styling_for_HTML_forms">Estilos avanzados para formularios HTML</a></li>
- <li><a href="/en-US/docs/Property_compatibility_table_for_form_widgets" title="/en-US/docs/Property_compatibility_table_for_form_widgets">Tabla de compatibilidad de propiedades para <em>widgets</em> de formulario</a></li>
- </ol>
- </li>
- <li><a href="/en-US/docs/HTML/Forms/Sending_and_retrieving_form_data" title="/en-US/docs/HTML/Forms/Sending_and_retrieving_form_data"><span>Enviando y recibiendo datos</span></a></li>
- <li><a href="/en-US/docs/HTML/Forms/Data_form_validation" title="/en-US/docs/HTML/Forms/Data_form_validation">Validación de los datos del formulario</a></li>
- <li><a href="/en-US/docs/HTML/Forms/How_to_build_custom_form_widgets" title="/en-US/docs/HTML/Forms/How_to_build_custom_form_widgets">Cómo crear un <em>widget</em> de formulario personalizado</a></li>
- <li><a href="/en-US/docs/HTML/Forms/Sending_forms_through_JavaScript" title="/en-US/docs/HTML/Forms/Sending_forms_through_JavaScript">Enviando formularios mediante JavaScript</a>
- <ol>
- <li><a href="/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects">Usando el objeto FormData</a></li>
- </ol>
- </li>
- <li><a href="/en-US/docs/HTML/Forms/HTML_forms_in_legacy_browsers" title="/en-US/docs/HTML/Forms/HTML_forms_in_legacy_browsers">Formularios HTML en navegadores antiguos</a></li>
-</ol>
-
-<h2 id="Documentación_HTML">Documentación HTML</h2>
-
-<h3 id="HTML_Elements">HTML Elements</h3>
-
-<table>
- <thead>
- <tr>
- <th scope="col">Elemento</th>
- <th scope="col">Interfaz DOM relacionada</th>
- <th scope="col">Descripción</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("button")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLButtonElement")}}</td>
- <td style="vertical-align: top;">El elemento  <code>button</code> representa un boton clickeable.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("datalist")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLDataListElement")}}</td>
- <td style="vertical-align: top;">El elemento <span style="font-family: courier new;">datalist</span> element contiene un conjunto de elementos{{ HTMLElement("option") }} que representan posibles opciones para el valor de otros elementos del formulario.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("fieldset")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLFieldSetElement")}}</td>
- <td style="vertical-align: top;">El  <span style="font-family: courier new;">fieldset</span> se usa para agrupar distintos elementos dentro de un formulario.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("form")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLFormElement")}}</td>
- <td style="vertical-align: top;">El elemento  <code>form </code>representa una seccion del documento html que contiene elementos interactivos a traves de los cuales se le permite al usuario enviar informacion hacia un servidor web.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("input")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLInputElement")}}</td>
- <td style="vertical-align: top;">El elemento   <code>input</code> es usado para crear controles interactivos para los formularios.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("keygen")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLKeygenElement")}}</td>
- <td style="vertical-align: top;">El elemento <code>keygen</code> existe para facilitar la generación de llaves u el envío de las llaves publicas como parte de un formulario HTML.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("label")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLLabelElement")}}</td>
- <td style="vertical-align: top;">El  <code>label</code> determina un título para un item de la interfaz del usuario.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("legend")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLLegendElement")}}</td>
- <td style="vertical-align: top;">El elemento <code>legend</code>  representa una etiqueta para el contenido del elemento {{ HTMLElement("fieldset") }} que lo contiene.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("meter")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLMeterElement")}}</td>
- <td style="vertical-align: top;">EL elemento <code>meter</code>  representa un valor escalar dentro de un rango conocido, o un valor fraccional.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("optgroup")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLOptGroupElement")}}</td>
- <td style="vertical-align: top;">
- <p>El elemento <code>optgroup</code> crea un grupo de opciones dentro de un elemento {{ HTMLElement("select") }} .</p>
- </td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("option")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLOptionElement")}}</td>
- <td style="vertical-align: top;">El elemento<em> </em><code>option<em> </em></code>es usado para crear un control de opcion que representa un item dentro de alguno de los elementos {{ HTMLElement("select") }}, {{ HTMLElement("optgroup") }} o {{ HTMLElement("datalist") }} .</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("output")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLOutputElement")}}</td>
- <td style="vertical-align: top;">El elemento <code>output</code> representa un resultado de un calculo.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("progress")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLProgressElement")}}</td>
- <td style="vertical-align: top;">El elemento <code>progress</code> es usado para mostrar el progreso de la realización de una tarea.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("select")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLSelectElement")}}</td>
- <td style="vertical-align: top;">El elemento <code>select</code> representa el control que presenta un menu de opciones.</td>
- </tr>
- <tr>
- <td style="vertical-align: top;">{{HTMLElement("textarea")}}</td>
- <td style="vertical-align: top;">{{domxref("HTMLTextAreaElement")}}</td>
- <td style="vertical-align: top;">EL elemento <code>textarea</code> representa un campo multi-linea de edicion de text plano.</td>
- </tr>
- </tbody>
-</table>
-
-<div class="note">
-<p><strong>Nota:</strong> Todos los elementos de formulario, al igual que el resto de elementos HTML, soportan la interfaz DOM {{domxref("HTMLElement")}}.</p>
-</div>
-
-<h3 id="HTML_Attributes">HTML Attributes</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th>Nombre del atributo</th>
- <th>Elementos</th>
- <th>Descripción</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>accept</td>
- <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
- <td>Lista de tipos que acepta el servidor, típicamente un tipo de fichero.</td>
- </tr>
- <tr>
- <td style="white-space: nowrap;">accept-charset</td>
- <td>{{ HTMLElement("form") }}</td>
- <td>Lista de <em>charsets </em>(conjuntos de caracteres) aceptados.</td>
- </tr>
- <tr>
- <td>action</td>
- <td>{{ HTMLElement("form") }}</td>
- <td>La URI del programa con el que procesar la información enviada a mediante el formulario.</td>
- </tr>
- <tr>
- <td>autocomplete</td>
- <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
- <td>Indica si los controles en este formulario serán o no autocompletados por el navegador</td>
- </tr>
- <tr>
- <td>autofocus</td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
- <td>El elemento debería poseer el foco automáticamente tras cargar  la página.</td>
- </tr>
- </tbody>
- <tbody>
- <tr>
- <td>challenge</td>
- <td>{{ HTMLElement("keygen") }}</td>
- <td>Una cadena de comprobación que es enviada junto con la clave pública.</td>
- </tr>
- <tr>
- <td>checked</td>
- <td>{{ HTMLElement("input") }}</td>
- <td>Indica si el elemento debe estar seleccionado (checked) tras cargar la página.</td>
- </tr>
- <tr>
- <td>cols</td>
- <td>{{ HTMLElement("textarea") }}</td>
- <td>Define el número de columnas en un elemento de tipo textarea.</td>
- </tr>
- <tr>
- <td>data</td>
- <td>{{ HTMLElement("object") }}</td>
- <td>Especifica la URL del recurso.</td>
- </tr>
- <tr>
- <td>dirname</td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td>disabled</td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
- <td>Indica si el usuario puede o no interactuar con el elemento.</td>
- </tr>
- <tr>
- <td>enctype</td>
- <td>{{ HTMLElement("form") }}</td>
- <td>Define el tipo de contenido del formulario cuando el método de envío es POST.</td>
- </tr>
- <tr>
- <td>for</td>
- <td>{{ HTMLElement("label") }}, {{ HTMLElement("output") }}</td>
- <td>
- <p>Establece una asociación con otros elementos</p>
- </td>
- </tr>
- <tr>
- <td>form</td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
- <td>Indica el elemento <strong>form</strong> que contiene este elemento.</td>
- </tr>
- </tbody>
- <tbody>
- <tr>
- <td>high</td>
- <td>{{ HTMLElement("meter") }}</td>
- <td>Indicates the lower bound of the upper range.</td>
- </tr>
- <tr>
- <td>keytype</td>
- <td>{{ HTMLElement("keygen") }}</td>
- <td>Especifica el tipo de clave generada.</td>
- </tr>
- <tr>
- <td>list</td>
- <td>{{ HTMLElement("input") }}</td>
- <td>Determina una lista de opciones predefinidas para sugerir al usuario.</td>
- </tr>
- <tr>
- <td>low</td>
- <td>{{ HTMLElement("meter") }}</td>
- <td>Indicates the upper bound of the lower range.</td>
- </tr>
- <tr>
- <td>max</td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}</td>
- <td>Indica el máximo valor permitido.</td>
- </tr>
- <tr>
- <td>maxlength</td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
- <td>Define el máximo número de caracteres permitidos en el elemento.</td>
- </tr>
- <tr>
- <td>method</td>
- <td>{{ HTMLElement("form") }}</td>
- <td>
- <p>Define qué método HTTP se usará al enviar el formulario. puede ser <strong>GET</strong> (por defecto) o <strong>POST</strong></p>
- </td>
- </tr>
- <tr>
- <td>min</td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}</td>
- <td>Indica el mínimo valor permitido.</td>
- </tr>
- <tr>
- <td>multiple</td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
- <td>Indica si mútiples valores pueden ser introducidos en un input de tipo email o file.</td>
- </tr>
- <tr>
- <td>name</td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
- <td>Especifica el nombre del elemento. Este nombre se usará asociado al dato que contiene al enviar al servidor el formulario.</td>
- </tr>
- <tr>
- <td>novalidate</td>
- <td>{{ HTMLElement("form") }}</td>
- <td>Indica que el formulario no debería validarse al momento de ser enviado.</td>
- </tr>
- <tr>
- <td>optimum</td>
- <td>{{ HTMLElement("meter") }}</td>
- <td>Indica el valor numérico óptimo.</td>
- </tr>
- <tr>
- <td>pattern</td>
- <td>{{ HTMLElement("input") }}</td>
- <td>Establece la expresión regular con la que validar el valor del elemento.</td>
- </tr>
- <tr>
- <td>placeholder</td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
- <td>Proporciona una pista al usuario de lo que el campo debe contener. Se muestra cuando el campo está vacío.</td>
- </tr>
- <tr>
- <td>readonly</td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
- <td>Indica si el elemento se puede o no editar.</td>
- </tr>
- <tr>
- <td>required</td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
- <td>Cuando un campo del formulario es requerido, el usuario no puede dejarlo vacío.</td>
- </tr>
- <tr>
- <td>rows</td>
- <td>{{ HTMLElement("textarea") }}</td>
- <td>Defines the number of rows in a textarea.</td>
- </tr>
- <tr>
- <td>selected</td>
- <td>{{ HTMLElement("option") }}</td>
- <td>En una lista de selección, la opción con el atributo selected será la que está seleccionada por defecto</td>
- </tr>
- <tr>
- <td>size</td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
- <td>Defina la anchura del elemento (en píxeles). Si el elemento es de tipo <strong>text</strong> o <strong>password</strong> el ancho se referirá al número de caracteres.</td>
- </tr>
- <tr>
- <td>src</td>
- <td>{{ HTMLElement("img") }}</td>
- <td>El URL del recurso</td>
- </tr>
- <tr>
- <td>step</td>
- <td>{{ HTMLElement("input") }}</td>
- <td>Determina el incremento de cada paso con el que se cubre un rango desde un valor mínimo hasta un valor máximo.</td>
- </tr>
- <tr>
- <td>target</td>
- <td>{{ HTMLElement("form") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td>type</td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}</td>
- <td>Determina el tipo del elemento.</td>
- </tr>
- <tr>
- <td>usemap</td>
- <td>{{ HTMLElement("input") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td>value</td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}</td>
- <td>Establece el valor actual del elemento.</td>
- </tr>
- <tr>
- <td>wrap</td>
- <td>{{ HTMLElement("textarea") }}</td>
- <td>Cuando un texto tiene una longitud mayor que el ancho del elemento sobre el que se muestra, determina si el elemento debe simular saltos de línea para que todo el texto quede visible en el elemento.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Referencia_a_la_normativa">Referencia a la normativa</h3>
-
-<ul>
- <li><a href="http://www.w3.org/html/wg/drafts/html/master/forms.html#forms" lang="en" rel="external" title="http://www.w3.org/TR/html5/forms.html">W3C HTML 5.1 Specification (Forms)</a></li>
- <li><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#forms" rel="external" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#forms">WHATWG HTML Living Standard (Forms)</a></li>
-</ul>
diff --git a/files/es/learn/html/howto/author_fast-loading_html_pages/index.html b/files/es/learn/html/howto/author_fast-loading_html_pages/index.html
new file mode 100644
index 0000000000..b44128e05d
--- /dev/null
+++ b/files/es/learn/html/howto/author_fast-loading_html_pages/index.html
@@ -0,0 +1,53 @@
+---
+title: Consejos para la creación de páginas HTML de carga rápida
+slug: Web/HTML/Consejos_para_la_creación_de_páginas_HTML_de_carga_rápida
+tags:
+ - Consejos
+ - HTML
+ - Rapido
+ - Tips
+translation_of: Learn/HTML/Howto/Author_fast-loading_HTML_pages
+---
+<h2 id="Consejos_para_la_creación_de_páginas_HTML_de_carga_rápida">Consejos para la creación de páginas HTML de carga rápida</h2>
+
+<p>Estos consejos estan basados en conocimiento común y experimentación.</p>
+
+<p>Una página web optimizada no solo provee una mayor respuesta a su sitio por parte de los visitantes, sino que también reduce la carga en su servidores web y en su conexión de internet. Esto puede ser crucial para sitios con alto volumen o sitios que tienen un pico de trafico debido a circunstancias inucuales como noticias de ultima hora.</p>
+
+<p>Optimizar la carga de páginas no es solo para el contenido que será visto atraves de una estrecha conexión telefónica o dispositivos móviles. <span id="result_box" lang="es"><span class="hps">Es</span> <span class="hps">tan importante</span> <span class="hps">para el contenido</span> <span class="hps">de banda ancha</span> <span class="hps">y puede conducir a</span> <span class="hps">mejoras espectaculares</span> <span class="hps">incluso</span> <span class="hps">para sus</span> <span class="hps">visitantes con</span> <span class="hps">las conexiones más rápidas</span><span>.</span></span></p>
+
+<h3 id="Consejos">Consejos</h3>
+
+<h4 id="Reducir_el_peso_de_las_páginas_web">Reducir el peso de las páginas web</h4>
+
+<p>El peso de las páginas web es por mucho el factor más importante en el rendimiento de carga de una página.</p>
+
+<p>Reducir el peso de la página mediante la eliminación de espacios en blanco innecesarios y comentarios, comunmente se coonoce como minimalización, y al mover "inline-script" y "CSS" a un archivo externo, puede mejorar el rendimiento de la descarga con minimas necesidades de otros cambios en la estructura de la página.</p>
+
+<p>Herramientas como <a class="external external-icon" href="http://tidy.sourceforge.net/">HTML Tidy</a> pueden <span id="result_box" lang="es"><span class="hps">quitar</span> <span class="hps">automáticamente</span> <span class="hps">espacios en blanco</span> <span class="hps">y las líneas</span> <span class="hps">en blanco adicionales</span> <span class="hps">de</span> <span class="hps">código fuente HTML valido</span><span class="hps">. Otras herramientas pueden "comprimir"</span></span> JavaScript al reformatear el codigo fuente o <span id="result_box" lang="es"><span class="hps">por</span> <span class="alt-edited hps">ofuscación</span> <span class="hps">la fuente</span> <span class="hps">y la sustitución de</span> <span class="hps">los identificadores largos con versiones mas cortas.</span></span></p>
+
+<h3 id="Minimizar_el_número_de_archivos">Minimizar el número de archivos</h3>
+
+<p>Reducir el número de archivos referentes en una pagina web baja el número de conexiones <a href="https://developer.mozilla.org/en-US/docs/HTTP" title="en-US/docs/HTTP">HTTP</a> requeridas para bajar la página.</p>
+
+<p>Dependiendo de la configuración de cache de un navegador, puede enviar una petición <span id="result_box" lang="es"><span class="hps">"If</span><span>-Modified-Since"</span></span> al servidor web para cada "CSS", JavaScript o archivo de imágen, preguntando si el archivo ha sido modificado desde la ultima vez que fué descargado.</p>
+
+<p>Al reducir el número de archivos que son refereciados dentro de una página web, <span id="result_box" lang="es"><span class="hps">se reduce el</span> <span class="hps">tiempo necesario para que</span> <span class="hps">estas solicitudes</span> <span class="hps">se envíen</span><span>,</span> <span class="hps">y</span> <span class="hps">para que  sus</span> <span class="hps">respuestas</span> <span class="hps">que se reciban</span><span>.</span></span></p>
+
+<p>Si se usan muchas imágenes de fondo en sus "CSS", puedes reducir la cantidad de busquedas HTTP necesarias al combinar las imagenes en una, conocido como "image sprite". Luego solamente <span id="result_box" lang="es"><span class="hps">se aplica la</span> <span class="hps">misma imagen</span> <span class="hps">cada</span> <span class="hps">vez que lo necesite</span> <span class="hps">para un fondo,</span> <span class="hps">ajustando las coordenadas el eje (X / Y</span></span>) adecuadamente. Estas técnica trabaja mejor con elementos que tendrán dimensiones limitadas, no funcionará para todos los usos de imagenes de fondo, sin embargo, la menor cantidad de pedidos HTTP y el uso de una única imágen en caché puede reducir el timepo de carga de una página.</p>
+
+<p>Demasiado tiempo gastado en consultar la ultima modificación de los archivos referenciados puede demorar la pantalla inicial de una página web, <span id="result_box" lang="es"><span class="hps">ya que el</span> <span class="hps">explorador debe</span> <span class="hps">comprobar</span> <span class="hps">la fecha de modificación</span> <span class="hps">de cada</span> <span class="hps">archivo</span> <span class="hps">CSS o</span> <span class="hps">JavaScript</span><span>, antes de pintar la página.</span></span></p>
+
+<h3 id="Reducir_la_busqueda_de_dominios">Reducir la busqueda de dominios</h3>
+
+<p>Debido a que cada dominio separado cuesta tiempo en una busqeuda DNS, el tiempo de carga de la página crecerá junto con el número de dominios <span id="result_box" lang="es"><span class="hps">que aparecen en</span> <span class="hps">enlace</span> <span class="hps">CSS</span> <span class="atn hps">(</span><span>s</span><span>)</span>, <span class="hps"> JavaScript</span> <span class="hps">y</span> <span class="hps">recursos de</span> <span class="hps">imagen.</span></span></p>
+
+<p>Esto no puede ser siempre práctico; sin embargo <span id="result_box" lang="es"><span class="hps">siempre se debe</span> <span class="hps">tener cuidado de usar</span> <span class="hps">sólo el número</span> <span class="hps">mínimo necesario</span> <span class="hps">de los diferentes dominios</span> <span class="hps">en</span> <span class="hps">sus páginas</span></span>.</p>
+
+<h3 id="Reutilización_de_contenido_de_cache">Reutilización de contenido de cache</h3>
+
+<p><span id="result_box" lang="es"><span class="hps">Asegúrese de que cualquier</span> <span class="hps">contenido que se pueden</span> <span class="hps">almacenar en caché</span><span>,</span> <span class="hps">se almacena en caché</span><span>,</span> <span class="hps">y</span> <span class="hps">con</span> <span class="hps">fechas de caducidad</span> <span class="hps">correspondientes.</span></span></p>
+
+<p><span id="result_box" lang="es"><span class="hps">En particular</span><span>,</span> <span class="hps">prestar atención a la</span> <span class="hps">cabecera</span></span> "<code>Last-Modified</code>". Permite el eficiente almacenamiento en cache de la página; <span id="result_box" lang="es"><span class="hps">por medio de</span> <span class="hps">esta cabecera</span><span>, la información</span> <span class="hps">se transmite al</span> <span class="hps">agente de usuario</span> <span class="hps">sobre el archivo</span> <span class="hps">que quiere</span> <span class="hps">cargar</span><span>,</span> <span class="hps">por ejemplo, </span></span><span id="result_box" lang="es"><span class="hps">como cuando</span> <span class="hps">fue</span> <span class="hps">modificada por última vez</span><span>.</span> <span class="hps">La mayoría de los</span> <span class="hps">servidores web</span> <span class="hps">añadirá automáticamente</span> <span class="hps">la</span> <span class="hps">cabecera Last-Modified</span> <span class="hps">para</span> <span class="hps">páginas estáticas</span> <span class="hps">(por ejemplo</span> <span class="hps">.html</span><span>,</span> <span class="hps">.css</span><span>)</span><span>,</span></span> <span id="result_box" lang="es"><span class="hps">basado en</span> <span class="hps">la</span> <span class="hps">fecha de última modificación</span> <span class="hps">almacenada en</span> <span class="hps">el sistema de archivos</span><span>.</span> <span class="hps">Con</span> <span class="hps">páginas dinámicas</span> <span class="hps">(por ejemplo,</span> <span class="hps">.php</span><span>,</span> <span class="hps">.aspx</span><span>)</span><span>,</span> <span class="hps">esto, por supuesto</span><span>,</span> <span class="hps">no se puede hacer</span><span>, y</span> <span class="hps">la cabecera</span> <span class="hps">no se envía</span><span>.</span></span></p>
+
+<p><span id="result_box" lang="es"><span class="hps">Así</span><span>,</span> <span class="hps">en particular</span> <span class="hps">para las páginas</span> <span class="hps">que se generan</span> <span class="hps">de forma dinámica</span><span>,</span> <span class="hps">un poco de investigación</span> <span class="hps">sobre este tema es</span> <span class="hps">beneficioso.</span> <span class="hps">Puede ser</span> <span class="hps">un poco</span> <span class="hps">complicada, pero</span> <span class="hps">se ahorrará mucho</span> <span class="hps">en</span> <span class="hps">las solicitudes de página</span> <span class="hps">en las páginas</span> <span class="hps">que</span> <span class="hps">normalmente no serían</span> <span class="hps">cacheable</span><span>.</span></span></p>
diff --git a/files/es/learn/html/como/index.html b/files/es/learn/html/howto/index.html
index 095e5bc54e..095e5bc54e 100644
--- a/files/es/learn/html/como/index.html
+++ b/files/es/learn/html/howto/index.html
diff --git a/files/es/learn/html/como/usando_atributos_de_datos/index.html b/files/es/learn/html/howto/use_data_attributes/index.html
index 7629974833..7629974833 100644
--- a/files/es/learn/html/como/usando_atributos_de_datos/index.html
+++ b/files/es/learn/html/howto/use_data_attributes/index.html
diff --git a/files/es/learn/html/introduccion_a_html/advanced_text_formatting/index.html b/files/es/learn/html/introduction_to_html/advanced_text_formatting/index.html
index 7e96d3c6d7..7e96d3c6d7 100644
--- a/files/es/learn/html/introduccion_a_html/advanced_text_formatting/index.html
+++ b/files/es/learn/html/introduction_to_html/advanced_text_formatting/index.html
diff --git a/files/es/learn/html/introduccion_a_html/creating_hyperlinks/index.html b/files/es/learn/html/introduction_to_html/creating_hyperlinks/index.html
index 330bf0d7db..330bf0d7db 100644
--- a/files/es/learn/html/introduccion_a_html/creating_hyperlinks/index.html
+++ b/files/es/learn/html/introduction_to_html/creating_hyperlinks/index.html
diff --git a/files/es/learn/html/introduccion_a_html/debugging_html/index.html b/files/es/learn/html/introduction_to_html/debugging_html/index.html
index 114b93ff0f..114b93ff0f 100644
--- a/files/es/learn/html/introduccion_a_html/debugging_html/index.html
+++ b/files/es/learn/html/introduction_to_html/debugging_html/index.html
diff --git a/files/es/learn/html/introduccion_a_html/estructura/index.html b/files/es/learn/html/introduction_to_html/document_and_website_structure/index.html
index 1f5f1e315c..1f5f1e315c 100644
--- a/files/es/learn/html/introduccion_a_html/estructura/index.html
+++ b/files/es/learn/html/introduction_to_html/document_and_website_structure/index.html
diff --git a/files/es/learn/html/introduccion_a_html/iniciar/index.html b/files/es/learn/html/introduction_to_html/getting_started/index.html
index c05aa6a9f0..c05aa6a9f0 100644
--- a/files/es/learn/html/introduccion_a_html/iniciar/index.html
+++ b/files/es/learn/html/introduction_to_html/getting_started/index.html
diff --git a/files/es/learn/html/introduccion_a_html/texto/index.html b/files/es/learn/html/introduction_to_html/html_text_fundamentals/index.html
index 912acb7dfe..912acb7dfe 100644
--- a/files/es/learn/html/introduccion_a_html/texto/index.html
+++ b/files/es/learn/html/introduction_to_html/html_text_fundamentals/index.html
diff --git a/files/es/learn/html/introduccion_a_html/index.html b/files/es/learn/html/introduction_to_html/index.html
index 64c70649cb..64c70649cb 100644
--- a/files/es/learn/html/introduccion_a_html/index.html
+++ b/files/es/learn/html/introduction_to_html/index.html
diff --git a/files/es/learn/html/introduccion_a_html/marking_up_a_letter/index.html b/files/es/learn/html/introduction_to_html/marking_up_a_letter/index.html
index e53bb01826..e53bb01826 100644
--- a/files/es/learn/html/introduccion_a_html/marking_up_a_letter/index.html
+++ b/files/es/learn/html/introduction_to_html/marking_up_a_letter/index.html
diff --git a/files/es/learn/html/introduccion_a_html/estructuración_de_una_página_de_contenido/index.html b/files/es/learn/html/introduction_to_html/structuring_a_page_of_content/index.html
index 686940212e..686940212e 100644
--- a/files/es/learn/html/introduccion_a_html/estructuración_de_una_página_de_contenido/index.html
+++ b/files/es/learn/html/introduction_to_html/structuring_a_page_of_content/index.html
diff --git a/files/es/learn/html/introduccion_a_html/test_your_skills_colon__advanced_html_text/index.html b/files/es/learn/html/introduction_to_html/test_your_skills_colon__advanced_html_text/index.html
index f29638eb81..f29638eb81 100644
--- a/files/es/learn/html/introduccion_a_html/test_your_skills_colon__advanced_html_text/index.html
+++ b/files/es/learn/html/introduction_to_html/test_your_skills_colon__advanced_html_text/index.html
diff --git a/files/es/learn/html/introduccion_a_html/prueba_tus_habilidades_colon__texto_básico_html/index.html b/files/es/learn/html/introduction_to_html/test_your_skills_colon__html_text_basics/index.html
index f35a083987..f35a083987 100644
--- a/files/es/learn/html/introduccion_a_html/prueba_tus_habilidades_colon__texto_básico_html/index.html
+++ b/files/es/learn/html/introduction_to_html/test_your_skills_colon__html_text_basics/index.html
diff --git a/files/es/learn/html/introduccion_a_html/prueba_tus_habilidades_colon__enlaces/index.html b/files/es/learn/html/introduction_to_html/test_your_skills_colon__links/index.html
index 0e8dc1bfaf..0e8dc1bfaf 100644
--- a/files/es/learn/html/introduccion_a_html/prueba_tus_habilidades_colon__enlaces/index.html
+++ b/files/es/learn/html/introduction_to_html/test_your_skills_colon__links/index.html
diff --git a/files/es/learn/html/introduccion_a_html/metados_en/index.html b/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
index 6fc5f94ab0..6fc5f94ab0 100644
--- a/files/es/learn/html/introduccion_a_html/metados_en/index.html
+++ b/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
diff --git a/files/es/learn/html/tablas/funciones_avanzadas_de_las_tablas_html_y_accesibilidad/index.html b/files/es/learn/html/tables/advanced/index.html
index a74817c5d4..a74817c5d4 100644
--- a/files/es/learn/html/tablas/funciones_avanzadas_de_las_tablas_html_y_accesibilidad/index.html
+++ b/files/es/learn/html/tables/advanced/index.html
diff --git a/files/es/learn/html/tablas/conceptos_básicos_de_las_tablas_html/index.html b/files/es/learn/html/tables/basics/index.html
index 7259adf427..7259adf427 100644
--- a/files/es/learn/html/tablas/conceptos_básicos_de_las_tablas_html/index.html
+++ b/files/es/learn/html/tables/basics/index.html
diff --git a/files/es/learn/html/tablas/index.html b/files/es/learn/html/tables/index.html
index 7d04eb0cbf..7d04eb0cbf 100644
--- a/files/es/learn/html/tablas/index.html
+++ b/files/es/learn/html/tables/index.html
diff --git a/files/es/learn/html/tablas/structuring_planet_data/index.html b/files/es/learn/html/tables/structuring_planet_data/index.html
index e9868bb95a..e9868bb95a 100644
--- a/files/es/learn/html/tablas/structuring_planet_data/index.html
+++ b/files/es/learn/html/tables/structuring_planet_data/index.html
diff --git a/files/es/learn/javascript/building_blocks/construyendo_tu_propia_funcion/index.html b/files/es/learn/javascript/building_blocks/build_your_own_function/index.html
index 5f9bcc7c8b..5f9bcc7c8b 100644
--- a/files/es/learn/javascript/building_blocks/construyendo_tu_propia_funcion/index.html
+++ b/files/es/learn/javascript/building_blocks/build_your_own_function/index.html
diff --git a/files/es/learn/javascript/building_blocks/eventos/index.html b/files/es/learn/javascript/building_blocks/events/index.html
index 7bdb81768a..7bdb81768a 100644
--- a/files/es/learn/javascript/building_blocks/eventos/index.html
+++ b/files/es/learn/javascript/building_blocks/events/index.html
diff --git a/files/es/learn/javascript/building_blocks/galeria_de_imagenes/index.html b/files/es/learn/javascript/building_blocks/image_gallery/index.html
index 205f1a11aa..205f1a11aa 100644
--- a/files/es/learn/javascript/building_blocks/galeria_de_imagenes/index.html
+++ b/files/es/learn/javascript/building_blocks/image_gallery/index.html
diff --git a/files/es/learn/javascript/building_blocks/bucle_codigo/index.html b/files/es/learn/javascript/building_blocks/looping_code/index.html
index e26509afc5..e26509afc5 100644
--- a/files/es/learn/javascript/building_blocks/bucle_codigo/index.html
+++ b/files/es/learn/javascript/building_blocks/looping_code/index.html
diff --git a/files/es/learn/javascript/client-side_web_apis/introducción/index.html b/files/es/learn/javascript/client-side_web_apis/introduction/index.html
index fc73d4ebc9..fc73d4ebc9 100644
--- a/files/es/learn/javascript/client-side_web_apis/introducción/index.html
+++ b/files/es/learn/javascript/client-side_web_apis/introduction/index.html
diff --git a/files/es/learn/javascript/first_steps/matemáticas/index.html b/files/es/learn/javascript/first_steps/math/index.html
index d9117ed211..d9117ed211 100644
--- a/files/es/learn/javascript/first_steps/matemáticas/index.html
+++ b/files/es/learn/javascript/first_steps/math/index.html
diff --git a/files/es/learn/javascript/first_steps/generador_de_historias_absurdas/index.html b/files/es/learn/javascript/first_steps/silly_story_generator/index.html
index 58bb8e688a..58bb8e688a 100644
--- a/files/es/learn/javascript/first_steps/generador_de_historias_absurdas/index.html
+++ b/files/es/learn/javascript/first_steps/silly_story_generator/index.html
diff --git a/files/es/learn/javascript/first_steps/prueba_tus_habilidades_colon__strings/index.html b/files/es/learn/javascript/first_steps/test_your_skills_colon__strings/index.html
index f919ac1ee3..f919ac1ee3 100644
--- a/files/es/learn/javascript/first_steps/prueba_tus_habilidades_colon__strings/index.html
+++ b/files/es/learn/javascript/first_steps/test_your_skills_colon__strings/index.html
diff --git a/files/es/learn/javascript/first_steps/qué_es_javascript/index.html b/files/es/learn/javascript/first_steps/what_is_javascript/index.html
index bd845c8681..bd845c8681 100644
--- a/files/es/learn/javascript/first_steps/qué_es_javascript/index.html
+++ b/files/es/learn/javascript/first_steps/what_is_javascript/index.html
diff --git a/files/es/learn/javascript/objects/ejercicio_práctico_de_construcción_de_objetos/index.html b/files/es/learn/javascript/objects/object_building_practice/index.html
index 6dfaaf0d08..6dfaaf0d08 100644
--- a/files/es/learn/javascript/objects/ejercicio_práctico_de_construcción_de_objetos/index.html
+++ b/files/es/learn/javascript/objects/object_building_practice/index.html
diff --git a/files/es/learn/aprender_y_obtener_ayuda/index.html b/files/es/learn/learning_and_getting_help/index.html
index a7f06d90d8..a7f06d90d8 100644
--- a/files/es/learn/aprender_y_obtener_ayuda/index.html
+++ b/files/es/learn/learning_and_getting_help/index.html
diff --git a/files/es/learn/server-side/configuring_server_mime_types/index.html b/files/es/learn/server-side/configuring_server_mime_types/index.html
new file mode 100644
index 0000000000..782c328151
--- /dev/null
+++ b/files/es/learn/server-side/configuring_server_mime_types/index.html
@@ -0,0 +1,81 @@
+---
+title: Configurar correctamente los tipos MIME del servidor
+slug: Configurar_correctamente_los_tipos_MIME_del_servidor
+tags:
+ - Desarrollo_Web
+ - Estándares_Web
+ - Seguridad
+ - Todas_las_Categorías
+translation_of: Learn/Server-side/Configuring_server_MIME_types
+---
+<p>
+</p>
+<h3 id="Introduccion" name="Introduccion"> Introduccion </h3>
+<p>Por omisión, muchos servidores web estan configurados para reportar un tipo MIME de <code>texto/plano</code> ó <code>aplicacion/de fuente de octeto</code> para tipos de contenidos desconocidos. A medida son desarrollados nuevos tipos de contenidos, los administradores de red pueden equivocarse al añadirlos a la configuración del servidor web, y esta es la principal causa de problemas para usuarios de navegadores basados en Gecko, el cual respeta los tipos MIME tal y como son reportados por los servidores y las aplicaciones web.
+</p>
+<h3 id=".C2.BFQue_son_los_tipos_de_MIME.3F" name=".C2.BFQue_son_los_tipos_de_MIME.3F"> ¿Que son los tipos de MIME? </h3>
+<p>Los tipos de <abbr>MIME</abbr> describen el tipo de medio del contenido, sea del correo electrónico o el utilizado en los servidores o aplicaciones web, y tiene como proposito ayudar a guiar al navegador web acerca de como ha de ser procesado y mostrado el contenido. Ejemplos de tipos de MIME son:
+</p>
+<ul><li> <code>texto/html</code> para páginas web normales
+</li><li> <code>texto/plano</code> para texto común
+</li><li> <code>Aplicacion/de fuente octeto</code> que significa "descarga este archivo"
+</li><li> <code>Aplicacion/x-java-applet</code> para uso de applets de Java
+</li><li> <code>Aplicacion/pdf</code> para documentos de Adobe<sup>®</sup> PDF.
+</li></ul>
+<h3 id="Informaci.C3.B3n_T.C3.A9cnica" name="Informaci.C3.B3n_T.C3.A9cnica"> Información Técnica </h3>
+<p>MIME está actualmente definida en RFCs <a class="external" href="http://www.isi.edu/in-notes/rfc2045.txt">2045</a>, <a class="external" href="http://www.isi.edu/in-notes/rfc2046.txt">2046</a>, <a class="external" href="http://www.isi.edu/in-notes/rfc2047.txt">2047</a>, <a class="external" href="http://www.isi.edu/in-notes/rfc2048.txt">2048</a>, y <a class="external" href="http://www.isi.edu/in-notes/rfc2049.txt">2049</a> y los valores registrados para los tipos MIME estan disponibles en <a class="external" href="http://www.iana.org/assignments/media-types/index.html">IANA | MIME Media Types</a>. La <a class="external" href="http://www.w3.org/Protocols/HTTP/1.1/spec.html">HTTP specification</a> define un superconjunto de MIME el cual es utilizado para describir los tipos de medios usados en la red.
+</p>
+<h3 id=".C2.BFPor_qu.C3.A9_son_importantes_los_tipos_correctos_de_MIME.3F" name=".C2.BFPor_qu.C3.A9_son_importantes_los_tipos_correctos_de_MIME.3F"> ¿Por qué son importantes los tipos correctos de MIME? </h3>
+<p><img align="right" alt="Example of an incorrect MIME type result">
+Si el servidor de red o la aplicación informan un tipo incorrecto de MIME para el contenido, un navegador de red no tiene forma de saberlo, <i>de acuerdo a la especificación HTTP</i>, más si tenemos en cuenta que el autor especificó el contenido para ser procesado y mostrado en una forma diferente que la impuesta por el tipo MIME informado.
+</p><p>Otros navegadores de red, tal como el Microsoft<sup>®</sup> Internet Explorer, intentan determinar el tipo adecuado de MIME en servidores mal configurados, <i><a class="external" href="http://support.microsoft.com/default.aspx?sd=msdn&amp;scid=kb;en-us;293336">suponiendo</a></i> el tipo adecuado de MIME que debería ser. Esto protege a muchos administradores de red de sus propios errores, pues el Internet Explorer continúa procesando el contenido aunque, por ejemplo, una imagen haya sido informada como texto plano.
+</p>
+<h3 id=".C2.BFPor_qu.C3.A9_los_navegadores_no_deber.C3.ADan_suponer_tipos_MIME.3F" name=".C2.BFPor_qu.C3.A9_los_navegadores_no_deber.C3.ADan_suponer_tipos_MIME.3F"> ¿Por qué los navegadores no deberían suponer tipos MIME? </h3>
+<p>A parte de la violación de la especificación HTTP, es una mala estrategia para los navegadores suponer tipos MIME por las siguientes razones:
+</p>
+<h4 id="P.C3.A9rdida_del_control" name="P.C3.A9rdida_del_control"> Pérdida del control </h4>
+<p>Si el navegador ignora el tipo MIME reportado, los administradores de red y los autores dejarán de tener el control sobre cómo sus contenidos serán procesados.
+</p><p>Por ejemplo, un sitio de red orientado para desarrolladores de red puede enviar determinados ejemplos de documentos HTML como enteros <code>text/html</code> ó como <code>text/plain</code> para lograr documentos con enteros procesados y motrados como HTML ó como código fuente. Si el navegador supone el tipo MIME, esta posibilidad dejará de estar disponible para el autor.
+</p>
+<h4 id="Seguridad" name="Seguridad"> Seguridad </h4>
+<p>Algunos tipos de contenidos, tales como programas ejecutables, son inherentemente inseguros. Por este motivo, esos tipos MIME son generalmente restringidos en términos de qué acciones tomará el navegador de red al recibirlos. Por ejemplo, un programa ejecutable no debería ser ejecutado en la computadora de un usuario, y en su lugar debería aparecer un cuadro de diálogo <b>para preguntar al usuario</b> si desea descargar el archivo.
+</p><p>La suposición de tipos MIME ha llevado a fallas de seguridad en Internet Explorer, debido a autores maliciosos que reportaban el tipo MIME de un archivo peligroso como si fuera uno seguro, evitando así el cuadro de diálogo de descarga normal. El Internet Explorer suponía entonces que se trataba de un programa ejecutable y los corría en la computadora del usuario.
+</p>
+<h3 id="C.C3.B3mo_determinar_el_tipo_MIME_enviado_a_un_servidor" name="C.C3.B3mo_determinar_el_tipo_MIME_enviado_a_un_servidor"> Cómo determinar el tipo MIME enviado a un servidor </h3>
+<p>En Firefox, cargar el archivo y usar Herramientas | Información de página. Puede también usar <a class="external" href="http://www.rexswain.com/httpview.html">Rex Swain's HTTP Viewer</a> ó <a class="external" href="http://livehttpheaders.mozdev.org/">Live HTTP Headers</a> para ver los encabezados completos y contenido de cualquier archivo enviado desde un servidor de red.
+</p><p>De acuerdo a los estándares, una <code>meta</code> etiqueta que brinda el tipo MIME tal como <code><span class="nowiki">&lt;meta http-equiv="Content-Type" content="text/html"&gt;</span></code> debería ser ignorado si hay una <code>Content-Type</code> línea en el encabezado. En vez de buscar esta línea en la fuente HTML, use las técnicas anteriores para determinar el tipo MIME enviado por un servidor.
+</p>
+<h3 id="C.C3.B3mo_determinar_el_tipo_correcto_de_MIME_para_su_contenido" name="C.C3.B3mo_determinar_el_tipo_correcto_de_MIME_para_su_contenido"> Cómo determinar el tipo correcto de MIME para su contenido </h3>
+<p>Hay ciertos pasos los cuales pueden llevar a derminar el correcto tipo de valor MIME a ser usado para su contenido.
+</p>
+<ol><li> Si su contenido fue creado usando la aplicación de software del vendedor, lea la documentación del vendedor para ver qué tipos MIME debería n ser informados para los diferentes tipos de medios.
+</li><li> Mire en el <a class="external" href="http://www.iana.org/assignments/media-types/index.html">IANA | Registro de Tipos de medios MIME</a> que contiene todos los tipos MIME registrados.
+</li><li> Si el tipo de medio es mostrado usando un plug-in en Netscape Gecko, instale el plug-in y luego mire en Ayuda-&gt;Acerca en le Menú Plug-in para ver qué tipos MIME están asociados con el tipo de medio.
+</li><li> Buscar la extensión del archivo en <a class="external" href="http://filext.com/">FILExt</a> para ver qué tipos MIME están asociados con esa expresión.
+</li></ol>
+<h3 id="C.C3.B3mo_configurar_su_servidor_para_enviar_los_tipos_MIME_correctos" name="C.C3.B3mo_configurar_su_servidor_para_enviar_los_tipos_MIME_correctos"> Cómo configurar su servidor para enviar los tipos MIME correctos </h3>
+<ul><li> Si está usando un servidor de red Apache, simplemente copie esto <a href="es/Sample_.htaccess_file">sample .htaccess file</a> en el directorio que contiene los archivos que quiere enviar con los tipos correctos MIME. Si tiene un subdirectorio entero de archivos, sólo ubique el archivo en el directorio principal; No necesita ubicarlo en cada subdirectorio.
+</li><li> Si usa Microsoft IIS, vea <a class="external" href="http://www.microsoft.com/technet/prodtechnol/windows2000serv/technologies/iis/maintain/featusability/mimeiis.mspx">este artículo</a> en Microsoft TechNet.
+</li><li> Si utiliza un servidor script para generar contenido, puede generalmente agregar una línea cerca del principio de su script. Puede servir contenido otro que HTML desde Perl, PHP, ASP, ó Java — sólo cambie el tipo MIME adecuado.
+<ul><li> Para Perl CGI, debería tener la línea <code>print "Content-Type: text/html\n\n";</code> antes que cualquier otras líneas de salida. Si utiliza el módulo CGI, puede utilizar la línea <code>print $cgi-&gt;header('text/html');</code> en lugar de, donde <code>$cgi</code> es su referencia para la instancia CGI.
+</li><li> Para PHP, debería tener la línea <code>header('Content-Type: text/html');</code> antes que cualquier otras líneas de salida.
+</li><li> Para ASP, debería tener la línea <code>response.ContentType = "text/html";</code> antes que cualquier otras líneas de salida.
+</li><li> Para un servlet Java, debería tener la línea <code>response.setContentType("text/html");</code> al principio de su <code>doGet</code> ó <code>doPost</code> método, donde <code>response</code> es una referencia a <code>HttpServletResponse</code>.
+</li></ul>
+</li></ul>
+<h3 id="Enlaces_Relacionados" name="Enlaces_Relacionados"> Enlaces Relacionados </h3>
+<ul><li><a href="es/Tipo_MIME_incorrecto_en_archivos_CSS">Tipo MIME incorrecto en archivos CSS</a>
+</li><li><a class="external" href="http://www.iana.org/assignments/media-types/index.html">IANA | MIME Media Types</a>
+</li><li><a class="external" href="http://www.w3.org/Protocols/HTTP/1.1/spec.html">Hypertext Transfer Protocol — HTTP/1.0</a>
+</li><li><a class="external" href="http://support.microsoft.com/default.aspx?sd=msdn&amp;scid=kb;en-us;293336">Microsoft - 293336 - INFO: WebCast: MIME Type Handling in Microsoft Internet Explorer</a>
+</li><li><a class="external" href="http://msdn.microsoft.com/workshop/networking/moniker/overview/appendix_a.asp">Microsoft - Appendix A: MIME Type Detection in Internet Explorer</a>
+</li><li><a class="external" href="http://www.microsoft.com/windows/ie/downloads/critical/q290108/">Microsoft - Security Update, March 29, 2001</a>
+</li><li><a class="external" href="http://www.microsoft.com/windows/ie/downloads/critical/Q313675/">Microsoft - Security Update, December 13, 2001</a>
+</li></ul>
+<div class="originaldocinfo">
+<h3 id="Informaci.C3.B3n_del_Documento_Original" name="Informaci.C3.B3n_del_Documento_Original"> Información del Documento Original </h3>
+<ul><li> Autor: Bob Clary
+</li><li> Fecha de la última modificación: 20 Feb 2003
+</li></ul>
+</div>
+{{ languages( { "en": "en/Properly_Configuring_Server_MIME_Types" } ) }}
diff --git a/files/es/learn/server-side/django/introducción/index.html b/files/es/learn/server-side/django/introduction/index.html
index 484b311a2c..484b311a2c 100644
--- a/files/es/learn/server-side/django/introducción/index.html
+++ b/files/es/learn/server-side/django/introduction/index.html
diff --git a/files/es/learn/server-side/primeros_pasos/vision_general_cliente_servidor/index.html b/files/es/learn/server-side/first_steps/client-server_overview/index.html
index 05ce1f9451..05ce1f9451 100644
--- a/files/es/learn/server-side/primeros_pasos/vision_general_cliente_servidor/index.html
+++ b/files/es/learn/server-side/first_steps/client-server_overview/index.html
diff --git a/files/es/learn/server-side/primeros_pasos/index.html b/files/es/learn/server-side/first_steps/index.html
index 19a5454b4b..19a5454b4b 100644
--- a/files/es/learn/server-side/primeros_pasos/index.html
+++ b/files/es/learn/server-side/first_steps/index.html
diff --git a/files/es/learn/server-side/primeros_pasos/introducción/index.html b/files/es/learn/server-side/first_steps/introduction/index.html
index 0b0d2da59e..0b0d2da59e 100644
--- a/files/es/learn/server-side/primeros_pasos/introducción/index.html
+++ b/files/es/learn/server-side/first_steps/introduction/index.html
diff --git a/files/es/learn/server-side/primeros_pasos/web_frameworks/index.html b/files/es/learn/server-side/first_steps/web_frameworks/index.html
index 8c381a772e..8c381a772e 100644
--- a/files/es/learn/server-side/primeros_pasos/web_frameworks/index.html
+++ b/files/es/learn/server-side/first_steps/web_frameworks/index.html
diff --git a/files/es/learn/server-side/primeros_pasos/seguridad_sitios_web/index.html b/files/es/learn/server-side/first_steps/website_security/index.html
index c2630fc050..c2630fc050 100644
--- a/files/es/learn/server-side/primeros_pasos/seguridad_sitios_web/index.html
+++ b/files/es/learn/server-side/first_steps/website_security/index.html
diff --git a/files/es/learn/herramientas_y_pruebas/lado-del-cliente_javascript_frameworks/index.html b/files/es/learn/tools_and_testing/client-side_javascript_frameworks/index.html
index e9bdd36eca..e9bdd36eca 100644
--- a/files/es/learn/herramientas_y_pruebas/lado-del-cliente_javascript_frameworks/index.html
+++ b/files/es/learn/tools_and_testing/client-side_javascript_frameworks/index.html
diff --git a/files/es/learn/herramientas_y_pruebas/lado-del-cliente_javascript_frameworks/react_getting_started/index.html b/files/es/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html
index 09c28f11a9..09c28f11a9 100644
--- a/files/es/learn/herramientas_y_pruebas/lado-del-cliente_javascript_frameworks/react_getting_started/index.html
+++ b/files/es/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html
diff --git a/files/es/learn/herramientas_y_pruebas/lado-del-cliente_javascript_frameworks/vue_primeros_pasos/index.html b/files/es/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html
index ea24ac2a81..ea24ac2a81 100644
--- a/files/es/learn/herramientas_y_pruebas/lado-del-cliente_javascript_frameworks/vue_primeros_pasos/index.html
+++ b/files/es/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html
diff --git a/files/es/learn/herramientas_y_pruebas/cross_browser_testing/index.html b/files/es/learn/tools_and_testing/cross_browser_testing/index.html
index 73bd6299a1..73bd6299a1 100644
--- a/files/es/learn/herramientas_y_pruebas/cross_browser_testing/index.html
+++ b/files/es/learn/tools_and_testing/cross_browser_testing/index.html
diff --git a/files/es/learn/herramientas_y_pruebas/github/index.html b/files/es/learn/tools_and_testing/github/index.html
index 62646f1cc4..62646f1cc4 100644
--- a/files/es/learn/herramientas_y_pruebas/github/index.html
+++ b/files/es/learn/tools_and_testing/github/index.html
diff --git a/files/es/learn/herramientas_y_pruebas/index.html b/files/es/learn/tools_and_testing/index.html
index a147c98f65..a147c98f65 100644
--- a/files/es/learn/herramientas_y_pruebas/index.html
+++ b/files/es/learn/tools_and_testing/index.html
diff --git a/files/es/learn/herramientas_y_pruebas/understanding_client-side_tools/index.html b/files/es/learn/tools_and_testing/understanding_client-side_tools/index.html
index 6221b0382f..6221b0382f 100644
--- a/files/es/learn/herramientas_y_pruebas/understanding_client-side_tools/index.html
+++ b/files/es/learn/tools_and_testing/understanding_client-side_tools/index.html