From a55b575e8089ee6cab7c5c262a7e6db55d0e34d6 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:46:50 +0100 Subject: unslug es: move --- .../anipular_video_por_medio_de_canvas/index.html | 126 -- files/es/web/html/atributos/accept/index.html | 169 --- .../es/web/html/atributos/autocomplete/index.html | 180 --- files/es/web/html/atributos/index.html | 677 --------- files/es/web/html/atributos/min/index.html | 162 --- files/es/web/html/atributos/minlength/index.html | 71 - files/es/web/html/atributos/multiple/index.html | 182 --- .../atributos_de_configuracion_cors/index.html | 123 -- .../html/atributos_globales/accesskey/index.html | 143 -- .../atributos_globales/autocapitalize/index.html | 50 - .../web/html/atributos_globales/class/index.html | 105 -- .../atributos_globales/contenteditable/index.html | 107 -- .../html/atributos_globales/contextmenu/index.html | 139 -- .../html/atributos_globales/data-_star_/index.html | 108 -- .../es/web/html/atributos_globales/dir/index.html | 122 -- .../html/atributos_globales/draggable/index.html | 108 -- .../html/atributos_globales/dropzone/index.html | 99 -- .../web/html/atributos_globales/hidden/index.html | 107 -- files/es/web/html/atributos_globales/id/index.html | 113 -- files/es/web/html/atributos_globales/index.html | 199 --- files/es/web/html/atributos_globales/is/index.html | 67 - .../web/html/atributos_globales/itemid/index.html | 78 - .../html/atributos_globales/itemprop/index.html | 22 - .../web/html/atributos_globales/itemref/index.html | 106 -- .../html/atributos_globales/itemscope/index.html | 284 ---- .../es/web/html/atributos_globales/lang/index.html | 108 -- .../es/web/html/atributos_globales/slot/index.html | 46 - .../html/atributos_globales/spellcheck/index.html | 218 --- .../web/html/atributos_globales/style/index.html | 111 -- .../html/atributos_globales/tabindex/index.html | 118 -- .../web/html/atributos_globales/title/index.html | 138 -- .../html/atributos_globales/translate/index.html | 103 -- .../x-ms-acceleratorkey/index.html | 32 - files/es/web/html/attributes/accept/index.html | 169 +++ .../es/web/html/attributes/autocomplete/index.html | 180 +++ .../es/web/html/attributes/crossorigin/index.html | 123 ++ files/es/web/html/attributes/index.html | 677 +++++++++ files/es/web/html/attributes/min/index.html | 162 +++ files/es/web/html/attributes/minlength/index.html | 71 + files/es/web/html/attributes/multiple/index.html | 182 +++ .../web/html/canvas/a_basic_ray-caster/index.html | 59 - .../canvas/drawing_graphics_with_canvas/index.html | 162 --- files/es/web/html/canvas/index.html | 170 --- .../index.html" | 53 - files/es/web/html/cors_enabled_image/index.html | 115 ++ files/es/web/html/element/a/index.html | 321 ++++ files/es/web/html/element/abbr/index.html | 147 ++ files/es/web/html/element/acronym/index.html | 160 ++ files/es/web/html/element/address/index.html | 163 +++ files/es/web/html/element/applet/index.html | 236 +++ files/es/web/html/element/area/index.html | 212 +++ files/es/web/html/element/article/index.html | 60 + files/es/web/html/element/aside/index.html | 68 + files/es/web/html/element/audio/index.html | 105 ++ files/es/web/html/element/b/index.html | 168 +++ files/es/web/html/element/base/index.html | 158 ++ files/es/web/html/element/basefont/index.html | 124 ++ files/es/web/html/element/bdi/index.html | 140 ++ files/es/web/html/element/bdo/index.html | 144 ++ files/es/web/html/element/bgsound/index.html | 106 ++ files/es/web/html/element/big/index.html | 191 +++ files/es/web/html/element/blink/index.html | 100 ++ files/es/web/html/element/blockquote/index.html | 153 ++ files/es/web/html/element/body/index.html | 170 +++ files/es/web/html/element/br/index.html | 157 ++ files/es/web/html/element/button/index.html | 198 +++ files/es/web/html/element/canvas/index.html | 88 ++ files/es/web/html/element/caption/index.html | 167 +++ files/es/web/html/element/center/index.html | 116 ++ files/es/web/html/element/cite/index.html | 147 ++ files/es/web/html/element/code/index.html | 110 ++ files/es/web/html/element/col/index.html | 177 +++ files/es/web/html/element/colgroup/index.html | 163 +++ files/es/web/html/element/content/index.html | 167 +++ files/es/web/html/element/data/index.html | 141 ++ files/es/web/html/element/datalist/index.html | 106 ++ files/es/web/html/element/dd/index.html | 111 ++ files/es/web/html/element/del/index.html | 155 ++ files/es/web/html/element/details/index.html | 152 ++ files/es/web/html/element/dfn/index.html | 112 ++ files/es/web/html/element/dialog/index.html | 152 ++ files/es/web/html/element/dir/index.html | 121 ++ files/es/web/html/element/div/index.html | 152 ++ files/es/web/html/element/dl/index.html | 219 +++ files/es/web/html/element/dt/index.html | 103 ++ files/es/web/html/element/em/index.html | 60 + files/es/web/html/element/embed/index.html | 69 + files/es/web/html/element/fieldset/index.html | 124 ++ files/es/web/html/element/figcaption/index.html | 90 ++ files/es/web/html/element/figure/index.html | 60 + files/es/web/html/element/font/index.html | 152 ++ files/es/web/html/element/footer/index.html | 71 + files/es/web/html/element/form/index.html | 198 +++ files/es/web/html/element/frame/index.html | 167 +++ files/es/web/html/element/frameset/index.html | 157 ++ files/es/web/html/element/head/index.html | 147 ++ files/es/web/html/element/header/index.html | 74 + .../web/html/element/heading_elements/index.html | 240 +++ files/es/web/html/element/hgroup/index.html | 120 ++ files/es/web/html/element/hr/index.html | 156 ++ files/es/web/html/element/html/index.html | 176 +++ files/es/web/html/element/i/index.html | 112 ++ files/es/web/html/element/iframe/index.html | 304 ++++ files/es/web/html/element/image/index.html | 18 + files/es/web/html/element/img/index.html | 339 +++++ files/es/web/html/element/index.html | 106 ++ files/es/web/html/element/input/button/index.html | 254 ++++ .../es/web/html/element/input/checkbox/index.html | 130 ++ files/es/web/html/element/input/color/index.html | 308 ++++ files/es/web/html/element/input/date/index.html | 567 ++++++++ .../es/web/html/element/input/datetime/index.html | 147 ++ files/es/web/html/element/input/email/index.html | 423 ++++++ files/es/web/html/element/input/hidden/index.html | 201 +++ files/es/web/html/element/input/index.html | 1529 ++++++++++++++++++++ files/es/web/html/element/input/number/index.html | 450 ++++++ .../es/web/html/element/input/password/index.html | 132 ++ files/es/web/html/element/input/range/index.html | 416 ++++++ files/es/web/html/element/input/text/index.html | 472 ++++++ files/es/web/html/element/ins/index.html | 137 ++ files/es/web/html/element/isindex/index.html | 44 + files/es/web/html/element/kbd/index.html | 120 ++ files/es/web/html/element/keygen/index.html | 128 ++ files/es/web/html/element/label/index.html | 138 ++ files/es/web/html/element/legend/index.html | 125 ++ files/es/web/html/element/li/index.html | 123 ++ files/es/web/html/element/link/index.html | 425 ++++++ files/es/web/html/element/main/index.html | 151 ++ files/es/web/html/element/map/index.html | 133 ++ files/es/web/html/element/mark/index.html | 142 ++ files/es/web/html/element/marquee/index.html | 207 +++ files/es/web/html/element/menu/index.html | 130 ++ files/es/web/html/element/meta/index.html | 134 ++ files/es/web/html/element/multicol/index.html | 20 + files/es/web/html/element/nav/index.html | 108 ++ files/es/web/html/element/nobr/index.html | 29 + files/es/web/html/element/noframes/index.html | 143 ++ files/es/web/html/element/noscript/index.html | 138 ++ files/es/web/html/element/object/index.html | 144 ++ files/es/web/html/element/ol/index.html | 132 ++ files/es/web/html/element/option/index.html | 150 ++ files/es/web/html/element/p/index.html | 131 ++ files/es/web/html/element/param/index.html | 131 ++ files/es/web/html/element/picture/index.html | 161 +++ files/es/web/html/element/pre/index.html | 128 ++ files/es/web/html/element/progress/index.html | 97 ++ files/es/web/html/element/q/index.html | 121 ++ files/es/web/html/element/s/index.html | 114 ++ files/es/web/html/element/samp/index.html | 63 + files/es/web/html/element/section/index.html | 143 ++ files/es/web/html/element/select/index.html | 198 +++ files/es/web/html/element/shadow/index.html | 152 ++ files/es/web/html/element/slot/index.html | 126 ++ files/es/web/html/element/small/index.html | 20 + files/es/web/html/element/source/index.html | 129 ++ files/es/web/html/element/span/index.html | 166 +++ files/es/web/html/element/strike/index.html | 60 + files/es/web/html/element/strong/index.html | 58 + files/es/web/html/element/style/index.html | 122 ++ files/es/web/html/element/sub/index.html | 101 ++ files/es/web/html/element/sup/index.html | 110 ++ files/es/web/html/element/table/index.html | 525 +++++++ files/es/web/html/element/td/index.html | 310 ++++ files/es/web/html/element/template/index.html | 155 ++ files/es/web/html/element/textarea/index.html | 181 +++ files/es/web/html/element/th/index.html | 328 +++++ files/es/web/html/element/time/index.html | 170 +++ files/es/web/html/element/title/index.html | 54 + files/es/web/html/element/tr/index.html | 232 +++ files/es/web/html/element/track/index.html | 179 +++ files/es/web/html/element/tt/index.html | 58 + files/es/web/html/element/u/index.html | 79 + files/es/web/html/element/ul/index.html | 151 ++ files/es/web/html/element/var/index.html | 54 + files/es/web/html/element/video/index.html | 128 ++ files/es/web/html/element/wbr/index.html | 115 ++ files/es/web/html/element/xmp/index.html | 47 + files/es/web/html/elemento/a/index.html | 321 ---- files/es/web/html/elemento/abbr/index.html | 147 -- files/es/web/html/elemento/acronym/index.html | 160 -- files/es/web/html/elemento/address/index.html | 163 --- files/es/web/html/elemento/applet/index.html | 236 --- files/es/web/html/elemento/area/index.html | 212 --- files/es/web/html/elemento/article/index.html | 60 - files/es/web/html/elemento/aside/index.html | 68 - files/es/web/html/elemento/audio/index.html | 105 -- files/es/web/html/elemento/b/index.html | 168 --- files/es/web/html/elemento/base/index.html | 158 -- files/es/web/html/elemento/basefont/index.html | 124 -- files/es/web/html/elemento/bdi/index.html | 140 -- files/es/web/html/elemento/bdo/index.html | 144 -- files/es/web/html/elemento/bgsound/index.html | 106 -- files/es/web/html/elemento/big/index.html | 191 --- files/es/web/html/elemento/blink/index.html | 100 -- files/es/web/html/elemento/blockquote/index.html | 153 -- files/es/web/html/elemento/body/index.html | 170 --- files/es/web/html/elemento/br/index.html | 157 -- files/es/web/html/elemento/button/index.html | 198 --- files/es/web/html/elemento/canvas/index.html | 88 -- files/es/web/html/elemento/caption/index.html | 167 --- files/es/web/html/elemento/center/index.html | 116 -- files/es/web/html/elemento/cite/index.html | 147 -- files/es/web/html/elemento/code/index.html | 110 -- files/es/web/html/elemento/col/index.html | 177 --- files/es/web/html/elemento/colgroup/index.html | 163 --- files/es/web/html/elemento/command/index.html | 152 -- files/es/web/html/elemento/content/index.html | 167 --- files/es/web/html/elemento/data/index.html | 141 -- files/es/web/html/elemento/datalist/index.html | 106 -- files/es/web/html/elemento/dd/index.html | 111 -- files/es/web/html/elemento/del/index.html | 155 -- files/es/web/html/elemento/details/index.html | 152 -- files/es/web/html/elemento/dfn/index.html | 112 -- files/es/web/html/elemento/dialog/index.html | 152 -- files/es/web/html/elemento/dir/index.html | 121 -- files/es/web/html/elemento/div/index.html | 152 -- files/es/web/html/elemento/dl/index.html | 219 --- files/es/web/html/elemento/dt/index.html | 103 -- files/es/web/html/elemento/element/index.html | 110 -- .../elemento/elementos_t\303\255tulos/index.html" | 240 --- files/es/web/html/elemento/em/index.html | 60 - files/es/web/html/elemento/embed/index.html | 69 - .../etiqueta_personalizada_html5/index.html | 46 - files/es/web/html/elemento/fieldset/index.html | 124 -- files/es/web/html/elemento/figcaption/index.html | 90 -- files/es/web/html/elemento/figure/index.html | 60 - files/es/web/html/elemento/font/index.html | 152 -- files/es/web/html/elemento/footer/index.html | 71 - files/es/web/html/elemento/form/index.html | 198 --- files/es/web/html/elemento/frame/index.html | 167 --- files/es/web/html/elemento/frameset/index.html | 157 -- files/es/web/html/elemento/head/index.html | 147 -- files/es/web/html/elemento/header/index.html | 74 - files/es/web/html/elemento/hgroup/index.html | 120 -- files/es/web/html/elemento/hr/index.html | 156 -- files/es/web/html/elemento/html/index.html | 176 --- files/es/web/html/elemento/i/index.html | 112 -- files/es/web/html/elemento/iframe/index.html | 304 ---- files/es/web/html/elemento/image/index.html | 18 - files/es/web/html/elemento/img/index.html | 339 ----- files/es/web/html/elemento/index.html | 106 -- .../html/elemento/input/bot\303\263n/index.html" | 254 ---- .../es/web/html/elemento/input/checkbox/index.html | 130 -- files/es/web/html/elemento/input/color/index.html | 308 ---- files/es/web/html/elemento/input/date/index.html | 567 -------- .../es/web/html/elemento/input/datetime/index.html | 147 -- files/es/web/html/elemento/input/email/index.html | 423 ------ files/es/web/html/elemento/input/hidden/index.html | 201 --- files/es/web/html/elemento/input/index.html | 1529 -------------------- files/es/web/html/elemento/input/number/index.html | 450 ------ .../es/web/html/elemento/input/password/index.html | 132 -- files/es/web/html/elemento/input/range/index.html | 416 ------ files/es/web/html/elemento/input/text/index.html | 472 ------ files/es/web/html/elemento/ins/index.html | 137 -- files/es/web/html/elemento/isindex/index.html | 44 - files/es/web/html/elemento/kbd/index.html | 120 -- files/es/web/html/elemento/keygen/index.html | 128 -- files/es/web/html/elemento/label/index.html | 138 -- files/es/web/html/elemento/legend/index.html | 125 -- files/es/web/html/elemento/li/index.html | 123 -- files/es/web/html/elemento/link/index.html | 425 ------ files/es/web/html/elemento/main/index.html | 151 -- files/es/web/html/elemento/map/index.html | 133 -- files/es/web/html/elemento/mark/index.html | 142 -- files/es/web/html/elemento/marquee/index.html | 207 --- files/es/web/html/elemento/menu/index.html | 130 -- files/es/web/html/elemento/meta/index.html | 134 -- files/es/web/html/elemento/multicol/index.html | 20 - files/es/web/html/elemento/nav/index.html | 108 -- files/es/web/html/elemento/nobr/index.html | 29 - files/es/web/html/elemento/noframes/index.html | 143 -- files/es/web/html/elemento/noscript/index.html | 138 -- files/es/web/html/elemento/object/index.html | 144 -- files/es/web/html/elemento/ol/index.html | 132 -- files/es/web/html/elemento/option/index.html | 150 -- files/es/web/html/elemento/p/index.html | 131 -- files/es/web/html/elemento/param/index.html | 131 -- files/es/web/html/elemento/picture/index.html | 161 --- files/es/web/html/elemento/pre/index.html | 128 -- files/es/web/html/elemento/progress/index.html | 97 -- files/es/web/html/elemento/q/index.html | 121 -- files/es/web/html/elemento/s/index.html | 114 -- files/es/web/html/elemento/samp/index.html | 63 - files/es/web/html/elemento/script/index.html | 255 ---- files/es/web/html/elemento/section/index.html | 143 -- files/es/web/html/elemento/select/index.html | 198 --- files/es/web/html/elemento/shadow/index.html | 152 -- files/es/web/html/elemento/slot/index.html | 126 -- files/es/web/html/elemento/small/index.html | 20 - files/es/web/html/elemento/source/index.html | 129 -- files/es/web/html/elemento/span/index.html | 166 --- files/es/web/html/elemento/strike/index.html | 60 - files/es/web/html/elemento/strong/index.html | 58 - files/es/web/html/elemento/style/index.html | 122 -- files/es/web/html/elemento/sub/index.html | 101 -- files/es/web/html/elemento/sup/index.html | 110 -- files/es/web/html/elemento/table/index.html | 525 ------- files/es/web/html/elemento/td/index.html | 310 ---- files/es/web/html/elemento/template/index.html | 155 -- files/es/web/html/elemento/textarea/index.html | 181 --- files/es/web/html/elemento/th/index.html | 328 ----- files/es/web/html/elemento/time/index.html | 170 --- .../html/elemento/tipos_de_elementos/index.html | 119 -- files/es/web/html/elemento/title/index.html | 54 - files/es/web/html/elemento/tr/index.html | 232 --- files/es/web/html/elemento/track/index.html | 179 --- files/es/web/html/elemento/tt/index.html | 58 - files/es/web/html/elemento/u/index.html | 79 - files/es/web/html/elemento/ul/index.html | 151 -- files/es/web/html/elemento/var/index.html | 54 - files/es/web/html/elemento/video/index.html | 128 -- files/es/web/html/elemento/wbr/index.html | 115 -- files/es/web/html/elemento/xmp/index.html | 47 - .../web/html/elementos_en_l\303\255nea/index.html" | 52 - .../index.html | 281 ---- .../html/global_attributes/accesskey/index.html | 143 ++ .../global_attributes/autocapitalize/index.html | 50 + .../es/web/html/global_attributes/class/index.html | 105 ++ .../global_attributes/contenteditable/index.html | 107 ++ .../html/global_attributes/contextmenu/index.html | 139 ++ .../html/global_attributes/data-_star_/index.html | 108 ++ files/es/web/html/global_attributes/dir/index.html | 122 ++ .../html/global_attributes/draggable/index.html | 108 ++ .../web/html/global_attributes/hidden/index.html | 107 ++ files/es/web/html/global_attributes/id/index.html | 113 ++ files/es/web/html/global_attributes/index.html | 199 +++ files/es/web/html/global_attributes/is/index.html | 67 + .../web/html/global_attributes/itemid/index.html | 78 + .../web/html/global_attributes/itemprop/index.html | 22 + .../web/html/global_attributes/itemref/index.html | 106 ++ .../html/global_attributes/itemscope/index.html | 284 ++++ .../es/web/html/global_attributes/lang/index.html | 108 ++ .../es/web/html/global_attributes/slot/index.html | 46 + .../html/global_attributes/spellcheck/index.html | 218 +++ .../es/web/html/global_attributes/style/index.html | 111 ++ .../web/html/global_attributes/tabindex/index.html | 118 ++ .../es/web/html/global_attributes/title/index.html | 138 ++ .../html/global_attributes/translate/index.html | 103 ++ .../x-ms-acceleratorkey/index.html | 32 + .../web/html/imagen_con_cors_habilitado/index.html | 115 -- files/es/web/html/index/index.html | 8 + files/es/web/html/inline_elements/index.html | 52 + .../index.html | 66 - files/es/web/html/link_types/index.html | 381 +++++ files/es/web/html/microdata/index.html | 207 +++ files/es/web/html/microdatos/index.html | 207 --- files/es/web/html/microformatos/index.html | 29 - files/es/web/html/microformats/index.html | 29 + .../index.html | 34 - .../html/recursos_offline_en_firefox/index.html | 382 ----- files/es/web/html/reference/index.html | 26 + files/es/web/html/referencia/index.html | 26 - files/es/web/html/tipos_de_enlaces/index.html | 381 ----- .../web/html/transision_adaptativa_dash/index.html | 77 - .../html/usando_audio_y_video_con_html5/index.html | 287 ---- .../html/using_the_application_cache/index.html | 382 +++++ "files/es/web/html/\303\255ndice/index.html" | 8 - 356 files changed, 27503 insertions(+), 29599 deletions(-) delete mode 100644 files/es/web/html/anipular_video_por_medio_de_canvas/index.html delete mode 100644 files/es/web/html/atributos/accept/index.html delete mode 100644 files/es/web/html/atributos/autocomplete/index.html delete mode 100644 files/es/web/html/atributos/index.html delete mode 100644 files/es/web/html/atributos/min/index.html delete mode 100644 files/es/web/html/atributos/minlength/index.html delete mode 100644 files/es/web/html/atributos/multiple/index.html delete mode 100644 files/es/web/html/atributos_de_configuracion_cors/index.html delete mode 100644 files/es/web/html/atributos_globales/accesskey/index.html delete mode 100644 files/es/web/html/atributos_globales/autocapitalize/index.html delete mode 100644 files/es/web/html/atributos_globales/class/index.html delete mode 100644 files/es/web/html/atributos_globales/contenteditable/index.html delete mode 100644 files/es/web/html/atributos_globales/contextmenu/index.html delete mode 100644 files/es/web/html/atributos_globales/data-_star_/index.html delete mode 100644 files/es/web/html/atributos_globales/dir/index.html delete mode 100644 files/es/web/html/atributos_globales/draggable/index.html delete mode 100644 files/es/web/html/atributos_globales/dropzone/index.html delete mode 100644 files/es/web/html/atributos_globales/hidden/index.html delete mode 100644 files/es/web/html/atributos_globales/id/index.html delete mode 100644 files/es/web/html/atributos_globales/index.html delete mode 100644 files/es/web/html/atributos_globales/is/index.html delete mode 100644 files/es/web/html/atributos_globales/itemid/index.html delete mode 100644 files/es/web/html/atributos_globales/itemprop/index.html delete mode 100644 files/es/web/html/atributos_globales/itemref/index.html delete mode 100644 files/es/web/html/atributos_globales/itemscope/index.html delete mode 100644 files/es/web/html/atributos_globales/lang/index.html delete mode 100644 files/es/web/html/atributos_globales/slot/index.html delete mode 100644 files/es/web/html/atributos_globales/spellcheck/index.html delete mode 100644 files/es/web/html/atributos_globales/style/index.html delete mode 100644 files/es/web/html/atributos_globales/tabindex/index.html delete mode 100644 files/es/web/html/atributos_globales/title/index.html delete mode 100644 files/es/web/html/atributos_globales/translate/index.html delete mode 100644 files/es/web/html/atributos_globales/x-ms-acceleratorkey/index.html create mode 100644 files/es/web/html/attributes/accept/index.html create mode 100644 files/es/web/html/attributes/autocomplete/index.html create mode 100644 files/es/web/html/attributes/crossorigin/index.html create mode 100644 files/es/web/html/attributes/index.html create mode 100644 files/es/web/html/attributes/min/index.html create mode 100644 files/es/web/html/attributes/minlength/index.html create mode 100644 files/es/web/html/attributes/multiple/index.html delete mode 100644 files/es/web/html/canvas/a_basic_ray-caster/index.html delete mode 100644 files/es/web/html/canvas/drawing_graphics_with_canvas/index.html delete mode 100644 files/es/web/html/canvas/index.html delete mode 100644 "files/es/web/html/consejos_para_la_creaci\303\263n_de_p\303\241ginas_html_de_carga_r\303\241pida/index.html" create mode 100644 files/es/web/html/cors_enabled_image/index.html create mode 100644 files/es/web/html/element/a/index.html create mode 100644 files/es/web/html/element/abbr/index.html create mode 100644 files/es/web/html/element/acronym/index.html create mode 100644 files/es/web/html/element/address/index.html create mode 100644 files/es/web/html/element/applet/index.html create mode 100644 files/es/web/html/element/area/index.html create mode 100644 files/es/web/html/element/article/index.html create mode 100644 files/es/web/html/element/aside/index.html create mode 100644 files/es/web/html/element/audio/index.html create mode 100644 files/es/web/html/element/b/index.html create mode 100644 files/es/web/html/element/base/index.html create mode 100644 files/es/web/html/element/basefont/index.html create mode 100644 files/es/web/html/element/bdi/index.html create mode 100644 files/es/web/html/element/bdo/index.html create mode 100644 files/es/web/html/element/bgsound/index.html create mode 100644 files/es/web/html/element/big/index.html create mode 100644 files/es/web/html/element/blink/index.html create mode 100644 files/es/web/html/element/blockquote/index.html create mode 100644 files/es/web/html/element/body/index.html create mode 100644 files/es/web/html/element/br/index.html create mode 100644 files/es/web/html/element/button/index.html create mode 100644 files/es/web/html/element/canvas/index.html create mode 100644 files/es/web/html/element/caption/index.html create mode 100644 files/es/web/html/element/center/index.html create mode 100644 files/es/web/html/element/cite/index.html create mode 100644 files/es/web/html/element/code/index.html create mode 100644 files/es/web/html/element/col/index.html create mode 100644 files/es/web/html/element/colgroup/index.html create mode 100644 files/es/web/html/element/content/index.html create mode 100644 files/es/web/html/element/data/index.html create mode 100644 files/es/web/html/element/datalist/index.html create mode 100644 files/es/web/html/element/dd/index.html create mode 100644 files/es/web/html/element/del/index.html create mode 100644 files/es/web/html/element/details/index.html create mode 100644 files/es/web/html/element/dfn/index.html create mode 100644 files/es/web/html/element/dialog/index.html create mode 100644 files/es/web/html/element/dir/index.html create mode 100644 files/es/web/html/element/div/index.html create mode 100644 files/es/web/html/element/dl/index.html create mode 100644 files/es/web/html/element/dt/index.html create mode 100644 files/es/web/html/element/em/index.html create mode 100644 files/es/web/html/element/embed/index.html create mode 100644 files/es/web/html/element/fieldset/index.html create mode 100644 files/es/web/html/element/figcaption/index.html create mode 100644 files/es/web/html/element/figure/index.html create mode 100644 files/es/web/html/element/font/index.html create mode 100644 files/es/web/html/element/footer/index.html create mode 100644 files/es/web/html/element/form/index.html create mode 100644 files/es/web/html/element/frame/index.html create mode 100644 files/es/web/html/element/frameset/index.html create mode 100644 files/es/web/html/element/head/index.html create mode 100644 files/es/web/html/element/header/index.html create mode 100644 files/es/web/html/element/heading_elements/index.html create mode 100644 files/es/web/html/element/hgroup/index.html create mode 100644 files/es/web/html/element/hr/index.html create mode 100644 files/es/web/html/element/html/index.html create mode 100644 files/es/web/html/element/i/index.html create mode 100644 files/es/web/html/element/iframe/index.html create mode 100644 files/es/web/html/element/image/index.html create mode 100644 files/es/web/html/element/img/index.html create mode 100644 files/es/web/html/element/index.html create mode 100644 files/es/web/html/element/input/button/index.html create mode 100644 files/es/web/html/element/input/checkbox/index.html create mode 100644 files/es/web/html/element/input/color/index.html create mode 100644 files/es/web/html/element/input/date/index.html create mode 100644 files/es/web/html/element/input/datetime/index.html create mode 100644 files/es/web/html/element/input/email/index.html create mode 100644 files/es/web/html/element/input/hidden/index.html create mode 100644 files/es/web/html/element/input/index.html create mode 100644 files/es/web/html/element/input/number/index.html create mode 100644 files/es/web/html/element/input/password/index.html create mode 100644 files/es/web/html/element/input/range/index.html create mode 100644 files/es/web/html/element/input/text/index.html create mode 100644 files/es/web/html/element/ins/index.html create mode 100644 files/es/web/html/element/isindex/index.html create mode 100644 files/es/web/html/element/kbd/index.html create mode 100644 files/es/web/html/element/keygen/index.html create mode 100644 files/es/web/html/element/label/index.html create mode 100644 files/es/web/html/element/legend/index.html create mode 100644 files/es/web/html/element/li/index.html create mode 100644 files/es/web/html/element/link/index.html create mode 100644 files/es/web/html/element/main/index.html create mode 100644 files/es/web/html/element/map/index.html create mode 100644 files/es/web/html/element/mark/index.html create mode 100644 files/es/web/html/element/marquee/index.html create mode 100644 files/es/web/html/element/menu/index.html create mode 100644 files/es/web/html/element/meta/index.html create mode 100644 files/es/web/html/element/multicol/index.html create mode 100644 files/es/web/html/element/nav/index.html create mode 100644 files/es/web/html/element/nobr/index.html create mode 100644 files/es/web/html/element/noframes/index.html create mode 100644 files/es/web/html/element/noscript/index.html create mode 100644 files/es/web/html/element/object/index.html create mode 100644 files/es/web/html/element/ol/index.html create mode 100644 files/es/web/html/element/option/index.html create mode 100644 files/es/web/html/element/p/index.html create mode 100644 files/es/web/html/element/param/index.html create mode 100644 files/es/web/html/element/picture/index.html create mode 100644 files/es/web/html/element/pre/index.html create mode 100644 files/es/web/html/element/progress/index.html create mode 100644 files/es/web/html/element/q/index.html create mode 100644 files/es/web/html/element/s/index.html create mode 100644 files/es/web/html/element/samp/index.html create mode 100644 files/es/web/html/element/section/index.html create mode 100644 files/es/web/html/element/select/index.html create mode 100644 files/es/web/html/element/shadow/index.html create mode 100644 files/es/web/html/element/slot/index.html create mode 100644 files/es/web/html/element/small/index.html create mode 100644 files/es/web/html/element/source/index.html create mode 100644 files/es/web/html/element/span/index.html create mode 100644 files/es/web/html/element/strike/index.html create mode 100644 files/es/web/html/element/strong/index.html create mode 100644 files/es/web/html/element/style/index.html create mode 100644 files/es/web/html/element/sub/index.html create mode 100644 files/es/web/html/element/sup/index.html create mode 100644 files/es/web/html/element/table/index.html create mode 100644 files/es/web/html/element/td/index.html create mode 100644 files/es/web/html/element/template/index.html create mode 100644 files/es/web/html/element/textarea/index.html create mode 100644 files/es/web/html/element/th/index.html create mode 100644 files/es/web/html/element/time/index.html create mode 100644 files/es/web/html/element/title/index.html create mode 100644 files/es/web/html/element/tr/index.html create mode 100644 files/es/web/html/element/track/index.html create mode 100644 files/es/web/html/element/tt/index.html create mode 100644 files/es/web/html/element/u/index.html create mode 100644 files/es/web/html/element/ul/index.html create mode 100644 files/es/web/html/element/var/index.html create mode 100644 files/es/web/html/element/video/index.html create mode 100644 files/es/web/html/element/wbr/index.html create mode 100644 files/es/web/html/element/xmp/index.html delete mode 100644 files/es/web/html/elemento/a/index.html delete mode 100644 files/es/web/html/elemento/abbr/index.html delete mode 100644 files/es/web/html/elemento/acronym/index.html delete mode 100644 files/es/web/html/elemento/address/index.html delete mode 100644 files/es/web/html/elemento/applet/index.html delete mode 100644 files/es/web/html/elemento/area/index.html delete mode 100644 files/es/web/html/elemento/article/index.html delete mode 100644 files/es/web/html/elemento/aside/index.html delete mode 100644 files/es/web/html/elemento/audio/index.html delete mode 100644 files/es/web/html/elemento/b/index.html delete mode 100644 files/es/web/html/elemento/base/index.html delete mode 100644 files/es/web/html/elemento/basefont/index.html delete mode 100644 files/es/web/html/elemento/bdi/index.html delete mode 100644 files/es/web/html/elemento/bdo/index.html delete mode 100644 files/es/web/html/elemento/bgsound/index.html delete mode 100644 files/es/web/html/elemento/big/index.html delete mode 100644 files/es/web/html/elemento/blink/index.html delete mode 100644 files/es/web/html/elemento/blockquote/index.html delete mode 100644 files/es/web/html/elemento/body/index.html delete mode 100644 files/es/web/html/elemento/br/index.html delete mode 100644 files/es/web/html/elemento/button/index.html delete mode 100644 files/es/web/html/elemento/canvas/index.html delete mode 100644 files/es/web/html/elemento/caption/index.html delete mode 100644 files/es/web/html/elemento/center/index.html delete mode 100644 files/es/web/html/elemento/cite/index.html delete mode 100644 files/es/web/html/elemento/code/index.html delete mode 100644 files/es/web/html/elemento/col/index.html delete mode 100644 files/es/web/html/elemento/colgroup/index.html delete mode 100644 files/es/web/html/elemento/command/index.html delete mode 100644 files/es/web/html/elemento/content/index.html delete mode 100644 files/es/web/html/elemento/data/index.html delete mode 100644 files/es/web/html/elemento/datalist/index.html delete mode 100644 files/es/web/html/elemento/dd/index.html delete mode 100644 files/es/web/html/elemento/del/index.html delete mode 100644 files/es/web/html/elemento/details/index.html delete mode 100644 files/es/web/html/elemento/dfn/index.html delete mode 100644 files/es/web/html/elemento/dialog/index.html delete mode 100644 files/es/web/html/elemento/dir/index.html delete mode 100644 files/es/web/html/elemento/div/index.html delete mode 100644 files/es/web/html/elemento/dl/index.html delete mode 100644 files/es/web/html/elemento/dt/index.html delete mode 100644 files/es/web/html/elemento/element/index.html delete mode 100644 "files/es/web/html/elemento/elementos_t\303\255tulos/index.html" delete mode 100644 files/es/web/html/elemento/em/index.html delete mode 100644 files/es/web/html/elemento/embed/index.html delete mode 100644 files/es/web/html/elemento/etiqueta_personalizada_html5/index.html delete mode 100644 files/es/web/html/elemento/fieldset/index.html delete mode 100644 files/es/web/html/elemento/figcaption/index.html delete mode 100644 files/es/web/html/elemento/figure/index.html delete mode 100644 files/es/web/html/elemento/font/index.html delete mode 100644 files/es/web/html/elemento/footer/index.html delete mode 100644 files/es/web/html/elemento/form/index.html delete mode 100644 files/es/web/html/elemento/frame/index.html delete mode 100644 files/es/web/html/elemento/frameset/index.html delete mode 100644 files/es/web/html/elemento/head/index.html delete mode 100644 files/es/web/html/elemento/header/index.html delete mode 100644 files/es/web/html/elemento/hgroup/index.html delete mode 100644 files/es/web/html/elemento/hr/index.html delete mode 100644 files/es/web/html/elemento/html/index.html delete mode 100644 files/es/web/html/elemento/i/index.html delete mode 100644 files/es/web/html/elemento/iframe/index.html delete mode 100644 files/es/web/html/elemento/image/index.html delete mode 100644 files/es/web/html/elemento/img/index.html delete mode 100644 files/es/web/html/elemento/index.html delete mode 100644 "files/es/web/html/elemento/input/bot\303\263n/index.html" delete mode 100644 files/es/web/html/elemento/input/checkbox/index.html delete mode 100644 files/es/web/html/elemento/input/color/index.html delete mode 100644 files/es/web/html/elemento/input/date/index.html delete mode 100644 files/es/web/html/elemento/input/datetime/index.html delete mode 100644 files/es/web/html/elemento/input/email/index.html delete mode 100644 files/es/web/html/elemento/input/hidden/index.html delete mode 100644 files/es/web/html/elemento/input/index.html delete mode 100644 files/es/web/html/elemento/input/number/index.html delete mode 100644 files/es/web/html/elemento/input/password/index.html delete mode 100644 files/es/web/html/elemento/input/range/index.html delete mode 100644 files/es/web/html/elemento/input/text/index.html delete mode 100644 files/es/web/html/elemento/ins/index.html delete mode 100644 files/es/web/html/elemento/isindex/index.html delete mode 100644 files/es/web/html/elemento/kbd/index.html delete mode 100644 files/es/web/html/elemento/keygen/index.html delete mode 100644 files/es/web/html/elemento/label/index.html delete mode 100644 files/es/web/html/elemento/legend/index.html delete mode 100644 files/es/web/html/elemento/li/index.html delete mode 100644 files/es/web/html/elemento/link/index.html delete mode 100644 files/es/web/html/elemento/main/index.html delete mode 100644 files/es/web/html/elemento/map/index.html delete mode 100644 files/es/web/html/elemento/mark/index.html delete mode 100644 files/es/web/html/elemento/marquee/index.html delete mode 100644 files/es/web/html/elemento/menu/index.html delete mode 100644 files/es/web/html/elemento/meta/index.html delete mode 100644 files/es/web/html/elemento/multicol/index.html delete mode 100644 files/es/web/html/elemento/nav/index.html delete mode 100644 files/es/web/html/elemento/nobr/index.html delete mode 100644 files/es/web/html/elemento/noframes/index.html delete mode 100644 files/es/web/html/elemento/noscript/index.html delete mode 100644 files/es/web/html/elemento/object/index.html delete mode 100644 files/es/web/html/elemento/ol/index.html delete mode 100644 files/es/web/html/elemento/option/index.html delete mode 100644 files/es/web/html/elemento/p/index.html delete mode 100644 files/es/web/html/elemento/param/index.html delete mode 100644 files/es/web/html/elemento/picture/index.html delete mode 100644 files/es/web/html/elemento/pre/index.html delete mode 100644 files/es/web/html/elemento/progress/index.html delete mode 100644 files/es/web/html/elemento/q/index.html delete mode 100644 files/es/web/html/elemento/s/index.html delete mode 100644 files/es/web/html/elemento/samp/index.html delete mode 100644 files/es/web/html/elemento/script/index.html delete mode 100644 files/es/web/html/elemento/section/index.html delete mode 100644 files/es/web/html/elemento/select/index.html delete mode 100644 files/es/web/html/elemento/shadow/index.html delete mode 100644 files/es/web/html/elemento/slot/index.html delete mode 100644 files/es/web/html/elemento/small/index.html delete mode 100644 files/es/web/html/elemento/source/index.html delete mode 100644 files/es/web/html/elemento/span/index.html delete mode 100644 files/es/web/html/elemento/strike/index.html delete mode 100644 files/es/web/html/elemento/strong/index.html delete mode 100644 files/es/web/html/elemento/style/index.html delete mode 100644 files/es/web/html/elemento/sub/index.html delete mode 100644 files/es/web/html/elemento/sup/index.html delete mode 100644 files/es/web/html/elemento/table/index.html delete mode 100644 files/es/web/html/elemento/td/index.html delete mode 100644 files/es/web/html/elemento/template/index.html delete mode 100644 files/es/web/html/elemento/textarea/index.html delete mode 100644 files/es/web/html/elemento/th/index.html delete mode 100644 files/es/web/html/elemento/time/index.html delete mode 100644 files/es/web/html/elemento/tipos_de_elementos/index.html delete mode 100644 files/es/web/html/elemento/title/index.html delete mode 100644 files/es/web/html/elemento/tr/index.html delete mode 100644 files/es/web/html/elemento/track/index.html delete mode 100644 files/es/web/html/elemento/tt/index.html delete mode 100644 files/es/web/html/elemento/u/index.html delete mode 100644 files/es/web/html/elemento/ul/index.html delete mode 100644 files/es/web/html/elemento/var/index.html delete mode 100644 files/es/web/html/elemento/video/index.html delete mode 100644 files/es/web/html/elemento/wbr/index.html delete mode 100644 files/es/web/html/elemento/xmp/index.html delete mode 100644 "files/es/web/html/elementos_en_l\303\255nea/index.html" delete mode 100644 files/es/web/html/formatos_admitidos_de_audio_y_video_en_html5/index.html create mode 100644 files/es/web/html/global_attributes/accesskey/index.html create mode 100644 files/es/web/html/global_attributes/autocapitalize/index.html create mode 100644 files/es/web/html/global_attributes/class/index.html create mode 100644 files/es/web/html/global_attributes/contenteditable/index.html create mode 100644 files/es/web/html/global_attributes/contextmenu/index.html create mode 100644 files/es/web/html/global_attributes/data-_star_/index.html create mode 100644 files/es/web/html/global_attributes/dir/index.html create mode 100644 files/es/web/html/global_attributes/draggable/index.html create mode 100644 files/es/web/html/global_attributes/hidden/index.html create mode 100644 files/es/web/html/global_attributes/id/index.html create mode 100644 files/es/web/html/global_attributes/index.html create mode 100644 files/es/web/html/global_attributes/is/index.html create mode 100644 files/es/web/html/global_attributes/itemid/index.html create mode 100644 files/es/web/html/global_attributes/itemprop/index.html create mode 100644 files/es/web/html/global_attributes/itemref/index.html create mode 100644 files/es/web/html/global_attributes/itemscope/index.html create mode 100644 files/es/web/html/global_attributes/lang/index.html create mode 100644 files/es/web/html/global_attributes/slot/index.html create mode 100644 files/es/web/html/global_attributes/spellcheck/index.html create mode 100644 files/es/web/html/global_attributes/style/index.html create mode 100644 files/es/web/html/global_attributes/tabindex/index.html create mode 100644 files/es/web/html/global_attributes/title/index.html create mode 100644 files/es/web/html/global_attributes/translate/index.html create mode 100644 files/es/web/html/global_attributes/x-ms-acceleratorkey/index.html delete mode 100644 files/es/web/html/imagen_con_cors_habilitado/index.html create mode 100644 files/es/web/html/index/index.html create mode 100644 files/es/web/html/inline_elements/index.html delete mode 100644 files/es/web/html/la_importancia_de_comentar_correctamente/index.html create mode 100644 files/es/web/html/link_types/index.html create mode 100644 files/es/web/html/microdata/index.html delete mode 100644 files/es/web/html/microdatos/index.html delete mode 100644 files/es/web/html/microformatos/index.html create mode 100644 files/es/web/html/microformats/index.html delete mode 100644 files/es/web/html/optimizing_your_pages_for_speculative_parsing/index.html delete mode 100644 files/es/web/html/recursos_offline_en_firefox/index.html create mode 100644 files/es/web/html/reference/index.html delete mode 100644 files/es/web/html/referencia/index.html delete mode 100644 files/es/web/html/tipos_de_enlaces/index.html delete mode 100644 files/es/web/html/transision_adaptativa_dash/index.html delete mode 100644 files/es/web/html/usando_audio_y_video_con_html5/index.html create mode 100644 files/es/web/html/using_the_application_cache/index.html delete mode 100644 "files/es/web/html/\303\255ndice/index.html" (limited to 'files/es/web/html') diff --git a/files/es/web/html/anipular_video_por_medio_de_canvas/index.html b/files/es/web/html/anipular_video_por_medio_de_canvas/index.html deleted file mode 100644 index a3ae61673d..0000000000 --- a/files/es/web/html/anipular_video_por_medio_de_canvas/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: Manipular video por medio de canvas -slug: Web/HTML/anipular_video_por_medio_de_canvas -tags: - - Canvas - - Firefox 3.5 - - Video - - para_revisar -translation_of: Web/API/Canvas_API/Manipulating_video_using_canvas ---- -

{{ fx_minversion_header (3.5) }}

-

Al combinar las capacidades del elemento video introducido en Firefox 3.5 con un elemento canvas , puedes manipular los datos de video en tiempo real para incorporar una variedad de efectos visuales que se mostrarán en el video.  Este artículo, adaptado de esta entrada del blog de Paul Rouget, muestra cómo realizar una inserción croma (también conocida como el "efecto pantalla verde") utilizando el código JavaScript.

-

Ver este ejemplo en vivo .

-

El contenido del documento

-

El documento XHTML que se utiliza para representar este contenido se muestra a continuación.

-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <style>
-      body {
-        background: black;
-        color:#CCCCCC;
-      }
-      #c2 {
-        background-image: url(foo.png);
-        background-repeat: no-repeat;
-      }
-      div {
-        float: left;
-        border :1px solid #444444;
-        padding:10px;
-        margin: 10px;
-        background:#3B3B3B;
-      }
-    </style>
-    <script type="text/javascript;version=1.8" src="main.js"></script>
-  </head>
-
-  <body onload="processor.doLoad()">
-    <div>
-      <video id="video" src="video.ogv" controls="true"/>
-    </div>
-    <div>
-      <canvas id="c1" width="160" height="96"/>
-      <canvas id="c2" width="160" height="96"/>
-    </div>
-  </body>
-</html>
-
-

Los puntos clave a tener en cuenta son:

-
    -
  1. Este documento establece dos elemento canvas , con los identificadores de c1 y c2 .  Canvas c1 se utiliza para mostrar la imagen actual del video original, mientras que c2 se utiliza para mostrar el video después de realizar la manipulación con el efecto croma; c2 se carga previamente con la imagen fija que se utilizará para sustituir el fondo verde en el video.
    2. -
  2. El código JavaScript es importado de un script llamado main.js ; este script utiliza JavaScript 1.8 características, de modo que la versión se especifica en la línea 22 al importar la secuencia de comandos.
    3. -
  3. Cuando se carga el documento, se ejecuta el método processor.doLoad() de main.js.
    4. -
-

El código JavaScript

-

El código JavaScript en main.js consta de tres métodos.

-

Inicializar el reproductor de croma

-

El método doLoad() se llama cuando el documento XHTML se carga inicialmente.  La función de este método es preparar las variables necesarias para el código de procesamiento del croma y la creación de un detector de eventos para que podamos detectar cuándo inicia el usuario la reproducción del video.

-
  doLoad: function() {
-    this.video = document.getElementById("video");
-    this.c1 = document.getElementById("c1");
-    this.ctx1 = this.c1.getContext("2d");
-    this.c2 = document.getElementById("c2");
-    this.ctx2 = this.c2.getContext("2d");
-    let self = this;
-    this.video.addEventListener("play", function() {
-        self.width = self.video.videoWidth / 2;
-        self.height = self.video.videoHeight / 2;
-        self.timerCallback();
-      }, false);
-  },
-
-

Este código obtiene referencias a los elementos del documento XHTML que son de particular interés, a saber, el elemento video y los dos elementos canvas.  También recupera las referencias a los contextos gráficos para cada uno de los dos elementos canvas.  Estos serán utilizados cuando estamos haciendo de verdad el efecto croma.

-

Luego addEventListener() es llamado para empezar a ver el elemento video de forma que podamos obtener una notificación cuando el usuario presione el botón de reproducción en el video.  En respuesta al usuario que inicia la reproducción, el código obtiene la anchura y la altura de video, reduciendo a la mitad cada uno (vamos a reducir a la mitad el tamaño del video, cuando llevamos a cabo la manipulación efecto croma). A continuación, llama al método timerCallback() para iniciar el visionado del video y la computación del efecto visual.

-

La devolución de llamada del temporizador

-

La devolución de llamada del temporizador se llama inicialmente cuando el video comienza a reproducirse (cuando tiene lugar el evento "reproducir"), a continuación, toma la responsabilidad por la que se establece a sí mismo para ser llamado periódicamente, a fin de poner en marcha el efecto croma para cada imagen.

-
  timerCallback: function() {
-    if (this.video.paused || this.video.ended) {
-      return;
-    }
-    this.computeFrame();
-    let self = this;
-    setTimeout(function () {
-        self.timerCallback();
-      }, 0);
-  },
-
-

Lo primero que la devolución de llamada hace es comprobar si el video se está aún reproduciendo, y si no lo está, la devolución de llamada regresa inmediatamente sin hacer nada.

-

A continuación, llama al método computeFrame(), que lleva a cabo la manipulación del efecto croma en la imagen de video actual.

-

Lo último que la devolución de llamada hace es llamar a setTimeout() para programarse para ser llamado lo más pronto posible.  En el mundo real, es probable que programes esto en función de la velocidad de fotogramas del video.

-

Manipulación de los datos de la imagen del video

-

El método computeFrame(), que se muestra a continuación, se encarga de ir a buscar realmente un fotograma de datos y realizar el efecto croma.

-
  computeFrame: function() {
-    this.ctx1.drawImage(this.video, 0, 0, this.width, this.height);
-    let frame = this.ctx1.getImageData(0, 0, this.width, this.height);
-    let l = frame.data.length / 4;
-
-    for (let i = 0; i < l; i++) {
-      let r = frame.data[i * 4 + 0];
-      let g = frame.data[i * 4 + 1];
-      let b = frame.data[i * 4 + 2];
-      if (g > 100 && r > 100 && b < 43)
-        frame.data[i * 4 + 3] = 0;
-    }
-    this.ctx2.putImageData(frame, 0, 0);
-    return;
-  }
-
-

Cuando esta rutina es llamada, el elemento video muestra el fotograma de datos de video más reciente, que tiene este aspecto:

-

video.png

-

En la línea 2, ese fotograma de video se copia al contexto gráfico ctx1 del primer lienzo, especificando como alto y ancho los valores que previamente guardamos para dibujar el fotograma a mitad de tamaño.  Ten en cuenta que puedes pasar simplemente el elemento de video al método drawImage() del contexto para dibujar el fotograma de video actual en dicho contexto.  El resultado es:

-

sourcectx.png

-

Línea 3 obtiene una copia de los datos gráficos del actual fotograma de video llamando al método getImageData() en el primer contexto.  Esto proporciona los datos de imagen en píxeles de 32 bits sin procesar que podemos después manipular.  Línea 4 calcula el número de píxeles de la imagen al dividir entre cuatro el tamaño total de los datos de la imagen del fotograma.

-

El bucle for que comienza en la línea 6 explora a través de los píxeles del fotograma, extrayendo los valores rojo, verde y azul para cada píxel, y compara los valores frente a números predeterminados que se utilizan para detectar la pantalla verde que se reemplazará por la imagen de fondo fija importada de foo.png .

-

Cada píxel de datos de imagen del fotograma que se encuentra que está dentro de los parámetros que se consideran parte de la pantalla verde tiene su valor alfa reemplazado por un cero, lo que indica que el píxel es totalmente transparente.  Como resultado, la imagen final tiene toda el área de pantalla verde 100% transparente, de modo que cuando se dibuja en el contexto de destino en la línea 13, el resultado es una superposición sobre el fondo estático.

-

La imagen resultante tiene este aspecto:

-

output.png

-

Esto se hace en varias ocasiones mientras el video se reproduce, de manera que fotograma tras fotograma se procesa y se muestra con el efecto de croma.

-

Ver este ejemplo en vivo .

-

Consulta también

- -

{{ languages ( { "en": "En/Manipulating_video_using_canvas" } ) }}

diff --git a/files/es/web/html/atributos/accept/index.html b/files/es/web/html/atributos/accept/index.html deleted file mode 100644 index b98ff8b644..0000000000 --- a/files/es/web/html/atributos/accept/index.html +++ /dev/null @@ -1,169 +0,0 @@ ---- -title: 'HTML el atributo: accept' -slug: Web/HTML/Atributos/accept -tags: - - Accept - - Archivo - - Entrada - - Input - - Referencia - - atributo -translation_of: Web/HTML/Attributes/accept ---- -

El atributo accept toma como valor una lista separada por comas de uno o más tipos de archivos, o {{anch("Especificadores de tipo de archivo únicos","especificadores de tipo de archivo únicos")}}, que describen qué tipos de archivo permitir. La propiedad «accept» es un atributo del tipo {{HTMLElement("input/file", "file")}} {{HTMLElement("input")}}. Se admitía en el elemento {{HTMLElement("form")}}, pero se eliminó a favor de {{HTMLElement("input/file", "file")}} en HTML5.

- -

Debido a que un determinado tipo de archivo se puede identificar de más de una manera, es útil proporcionar un conjunto completo de especificadores de tipo cuando necesiten archivos de un tipo específico, o usar el comodín para indicar que un tipo de cualquier formato es aceptable.

- -

Por ejemplo, hay varias formas de identificar los archivos de Microsoft Word, por lo que un sitio que acepta archivos de Word puede usar un <input> como este:

- -
<input type="file" id="docpicker"
-  accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
- -

Mientras que si aceptas un archivo multimedia, es posible que desees incluir cualquier formato de ese tipo de medio:

- -
<input type="file" id="soundFile" accept="audio/*">
-<input type="file" id="videoFile" accept="video/*">
-<input type="file" id="imageFile" accept="image/*">
- -

El atributo accept no valida los tipos de archivos seleccionados; simplemente proporciona sugerencias para los navegadores para guiar a los usuarios hacia la selección de los tipos de archivo correctos. Todavía es posible (en la mayoría de los casos) que los usuarios cambien una opción en el selector de archivos que hace posible anular esto y seleccionar cualquier archivo que deseen, y luego elegir tipos de archivo incorrectos.

- -

Debido a esto, te debes asegurar de que el requisito esperado esté validado en el lado del servidor.

- -

Ejemplos

- -

Cuando se configura en un tipo de entrada de archivo, el selector de archivos nativo que se abre solo debe permitir seleccionar archivos del tipo de archivo correcto. La mayoría de los sistemas operativos aligeran los archivos que no coinciden con los criterios y no se pueden seleccionar.

- -
-
<p>
-	<label for="soundFile">Selecciona un archivo de audio:</label>
-	<input type="file" id="soundFile" accept="audio/*">
-	</p>
-	<p>
-	<label for="videoFile">Selecciona un archivo de video:</label>
-	<input type="file" id="videoFile" accept="video/*">
-	</p>
-	<p>
-	<label for="imageFile">Selecciona algunas imágenes:</label>
-	<input type="file" id="imageFile" accept="image/*" multiple>
-	</p>
- -

{{EmbedLiveSample('ejemplo_sencillo', '100%', 200)}}

- -

Ten en cuenta que el último ejemplo te permite seleccionar varias imágenes. Consulta el atributo multiple para obtener más información.

-
- -

Especificadores de tipo de archivo únicos

- -

Un especificador de tipo de archivo único es una cadena que describe un tipo de archivo que el usuario puede seleccionar en un elemento {{HTMLElement("input")}} de tipo file. Cada especificador de tipo de archivo único puede adoptar una de las siguientes formas:

- - - -

El atributo accept toma como valor una cadena que contiene uno o más de estos especificadores de tipo de archivo únicos, separados por comas. Por ejemplo, un selector de archivos que necesita contenido que se puede presentar como una imagen, incluidos los formatos de imagen estándar y los archivos PDF, podría verse así:

- -
<input type="file" accept="image/*,.pdf">
- -

Usar inputs de archivo

- -

Un ejemplo básico

- -
<form method="post" enctype="multipart/form-data">
- <div>
-   <label for="file">Elige el archivo a cargar</label>
-   <input type="file" id="file" name="file" multiple>
- </div>
- <div>
-   <button>Enviar</button>
- </div>
-</form>
- - - -

Esto produce la siguiente salida:

- -

{{EmbedLiveSample('Un_ejemplo_básico', 650, 60)}}

- -
-

Nota: También puedes encontrar este ejemplo en GitHub; consulta código fuente y también puedes verlo funcionando en vivo.

-
- -

Independientemente del dispositivo o sistema operativo del usuario, el <input> de archivo proporciona un botón que abre un cuadro de diálogo selector de archivos que permite al usuario elegir un archivo.

- -

La inclusión del atributo multiple, como se muestra arriba, especifica que se pueden elegir varios archivos a la vez. El usuario puede elegir varios archivos del selector de archivos de cualquier manera que la plataforma elegida lo permita (por ejemplo, manteniendo presionada la tecla Mayús o Control y luego haciendo clic). Si solo deseas que el usuario elija un único archivo por <input>, omite el atributo multiple.

- -

Limitar los tipos de archivo aceptados

- -

A menudo, no querrás que el usuario pueda elegir cualquier tipo de archivo arbitrario; en su lugar, quieres que seleccionen archivos de un tipo o tipos específicos. Por ejemplo, si la entrada de tu archivo permite a los usuarios cargar una imagen de perfil, probablemente desees que seleccionen formatos de imagen compatibles con la web, como {{Glossary("JPEG")}} o {{Glossary("PNG")}}.

- -

Los tipos de archivo aceptables se pueden especificar con el atributo {{HTMLAttrxRef("accept", "input/file")}}, que toma una lista separada por comas de extensiones de archivo permitidas o tipos MIME. Algunos ejemplos:

- - - -

Veamos un ejemplo más completo:

- -
<form method="post" enctype="multipart/form-data">
-  <div>
-    <label for="profile_pic">Elige el archivo para cargar</label>
-    <input type="file" id="profile_pic" name="profile_pic"
-          accept=".jpg, .jpeg, .png">
-  </div>
-  <div>
-    <button>Enviar</button>
-  </div>
-</form>
- - - -

{{EmbedLiveSample('Limitar_los_tipos_de_archivo_aceptados', 650, 60)}}

- -

Especificaciones

- - - - - - - - - - - - - - - - - - -
EspecificaciónEstado
{{SpecName('HTML WHATWG', 'input.html#attr-input-accept', 'atributo accept')}}{{ Spec2('HTML WHATWG') }}
{{SpecName('HTML5.1', 'sec-forms.html#attr-input-accept', 'Atributo accept')}}{{Spec2('HTML5.1')}}
- -

Compatibilidad del navegador

- - - -

{{Compat("html.elements.attribute.accept")}}

- -

Ve también

- - diff --git a/files/es/web/html/atributos/autocomplete/index.html b/files/es/web/html/atributos/autocomplete/index.html deleted file mode 100644 index b8546e368d..0000000000 --- a/files/es/web/html/atributos/autocomplete/index.html +++ /dev/null @@ -1,180 +0,0 @@ ---- -title: The HTML autocomplete attribute -slug: Web/HTML/Atributos/autocomplete -translation_of: Web/HTML/Attributes/autocomplete ---- -

El atributo autocomplete  está disponible en varios tipos de  {{HTMLElement("input")}} aquellos que toman un texto o valor numérico como entrada. autocomplete  permite a los desarrolladores web especificar qué permisos si los hay {{Glossary("user agent")}}  debe proporcionar asistencia automatizada para completar los valores de los campos de formulario, así como una guía para el navegador en cuanto al tipo de información que se espera en el campo.

- -

 

- -

Los valores sugeridos generalmente depende del navegador. Normalmente, provienen de valores ​​ingresados ​​por el usuario, pero también pueden provenir de valores preconfigurados. Por ejemplo, un navegador puede permitir que el usuario guarde su nombre, dirección, número de teléfono y direcciones de correo electrónico para autocompletar así como también datos de tarjetas de crédito.

- -

Si un elemento {{HTMLElement("input")}} no tiene el atributo autocomplete , entonces los navegadores usan el atributo autocomplete del {{HTMLElement("form")}} que lo contiene. En otras palabras, el {{HTMLElement("form")}} del que el {{HTMLElement("input")}} desciende. También puede ser especificado en el atributo {{htmlattrxref("form", "input")}} del {{HTMLElement("input")}} en cuestión.

- -

Para más información vea el atributo {{htmlattrxref("autocomplete", "form")}} del elemento {{HTMLElement("form")}}

- -
-

Para proveer el autocompletado, el navegador necesita del los elementos <input>:

- -
    -
  1. Que tengan name y/o id
    2. -
  2. Pertenezcan a un elemento <form>
    3. -
  3. Que el formulario tenga un botón {{HTMLElement("input/submit", "submit")}}
    4. -
-
- -

Valores

- -
-
"off"
-
The browser is not permitted to automatically enter or select a value for this field. It is possible that the document or application provides its own autocomplete feature, or that security concerns require that the field's value not be automatically entered. -
Note: In most modern browsers, setting autocomplete to "off" will not prevent a password manager from asking the user if they would like to save username and password information, or from automatically filling in those values in a site's login form. See the autocomplete attribute and login fields.
-
-
"on"
-
The browser is allowed to automatically complete the input. No guidance is provided as to the type of data expected in the field, so the browser may use its own judgement.
-
"name"
-
The field expects the value to be a person's full name. Using "name" rather than breaking the name down into its components is generally preferred because it avoids dealing with the wide diversity of human names and how they are structured; however, you can use the following autocomplete values if you do need to break the name down into its components: -
-
"honorific-prefix"
-
The prefix or title, such as "Mrs.", "Mr.", "Miss", "Ms.", "Dr.", or "Mlle.".
-
"given-name"
-
The given (or "first") name.
-
"additional-name"
-
The middle name.
-
"family-name"
-
The family (or "last") name.
-
"honorific-suffix"
-
The suffix, such as "Jr.", "B.Sc.", "PhD.", "MBASW", or "IV".
-
"nickname"
-
A nickname or handle.
-
-
-
"email"
-
An email address.
-
"username"
-
A username or account name.
-
"new-password"
-
A new password. When creating a new account or changing passwords, this is the "Enter your new password" field, as opposed to any "Enter your current password" field that might be present. This may be used by the browser both to avoid accidentally filling in an existing password and to offer assistance in creating a secure password.
-
"current-password"
-
The user's current password.
-
"organization-title"
-
A job title, or the title a person has within an organization, such as "Senior Technical Writer", "President", or "Assistant Troop Leader".
-
"organization"
-
A company or organization name, such as "Acme Widget Company" or "Girl Scouts of America".
-
"street-address"
-
A street address. This can be multiple lines of text, and should fully identify the location of the address within its second administrative level (typically a city or town), but should not include the city name, ZIP or postal code, or country name.
-
"address-line1", "address-line2", "address-line3"
-
Each individual line of the street address. These should only be present if the "street-address" is also present.
-
"address-level4"
-
The finest-grained {{anch("Administrative levels in addresses", "administrative level")}}, in addresses which have four levels.
-
"address-level3"
-
The third {{anch("Administrative levels in addresses", "administrative level")}}, in addresses with at least three administrative levels.
-
"address-level2"
-
The second {{anch("Administrative levels in addresses", "administrative level")}}, in addresses with at least two of them. In countries with two administrative levels, this would typically be the city, town, village, or other locality in which the address is located.
-
"address-level1"
-
The first {{anch("Administrative levels in addresses", "administrative level")}} in the address. This is typically the province in which the address is located. In the United States, this would be the state. In Switzerland, the canton. In the United Kingdom, the post town.
-
"country"
-
A country code.
-
"country-name"
-
A country name.
-
"postal-code"
-
A postal code (in the United States, this is the ZIP code).
-
"cc-name"
-
The full name as printed on or associated with a payment instrument such as a credit card. Using a full name field is preferred, typically, over breaking the name into pieces.
-
"cc-given-name"
-
A given (first) name as given on a payment instrument like a credit card.
-
"cc-additional-name"
-
A middle name as given on a payment instrument or credit card.
-
"cc-family-name"
-
A family name, as given on a credit card.
-
"cc-number"
-
A credit card number or other number identifying a payment method, such as an account number.
-
"cc-exp"
-
A payment method expiration date, typically in the form "MM/YY" or "MM/YYYY".
-
"cc-exp-month"
-
The month in which the payment method expires.
-
"cc-exp-year"
-
The year in which the payment method expires.
-
"cc-csc"
-
The security code for the payment instrument; on credit cards, this is the 3-digit verification number on the back of the card.
-
"cc-type"
-
The type of payment instrument (such as "Visa" or "Master Card").
-
"transaction-currency"
-
The currency in which the transaction is to take place.
-
"transaction-amount"
-
The amount, given in the currency specified by "transaction-currency", of the transaction, for a payment form.
-
"language"
-
A preferred language, given as a valid BCP 47 language tag.
-
"bday"
-
A birth date, as a full date.
-
"bday-day"
-
The day of the month of a birth date.
-
"bday-month"
-
The month of the year of a birth date.
-
"bday-year"
-
The year of a birth date.
-
"sex"
-
A gender identity (such as "Female", "Fa'afafine", "Male"), as freeform text without newlines.
-
"tel"
-
A full telephone number, including the country code. If you need to break the phone number up into its components, you can use these values for those fields: -
-
"tel-country-code"
-
The country code, such as "1" for the United States, Canada, and other areas in North America and parts of the Caribbean.
-
"tel-national"
-
The entire phone number without the country code component, including a country-internal prefix. For the phone number "1-855-555-6502", this field's value would be "855-555-6502".
-
"tel-area-code"
-
The area code, with any country-internal prefix applied if appropriate.
-
"tel-local"
-
The phone number without the country or area code. This can be split further into two parts, for phone numbers which have an exchange number and then a number within the exchange. For the phone number "555-6502", use "tel-local-prefix" for "555" and "tel-local-suffix" for "6502".
-
-
-
"tel-extension"
-
A telephone extension code within the phone number, such as a room or suite number in a hotel or an office extension in a company.
-
"impp"
-
A URL for an instant messaging protocol endpoint, such as "xmpp:username@example.net".
-
"url"
-
A URL, such as a home page or company web site address as appropriate given the context of the other fields in the form.
-
"photo"
-
The URL of an image representing the person, company, or contact information given in the other fields in the form.
-
- -

See the WHATWG Standard for more detailed information.

- -
-

Note: The autocomplete attribute also controls whether Firefox will — unlike other browsers — persist the dynamic disabled state and (if applicable) dynamic checkedness of an <input> across page loads. The persistence feature is enabled by default. Setting the value of the autocomplete attribute to off disables this feature. This works even when the autocomplete attribute would normally not apply to the <input> by virtue of its type. See {{bug(654072)}}.

-
- -

Administrative levels in addresses

- -

The four administrative level fields ("address-level1" through "address-level4") describe the address in terms of increasing levels of precision within the country in which the address is located. Each country has its own system of administrative levels, and may arrange the levels in different orders when addresses are written.

- -

"address-level1" always represents the broadest administrative division; it is the least-specific portion of the address short of the country name.

- -

Form layout flexibility

- -

Given that different countries write their address in different ways, with each field in different places within the address, and even different sets and numbers of fields entirely, it can be helpful if, when possible, your site is able to switch to the layout expected by your users when presenting an address entry form, given the country the address is located within.

- -

Variations

- -

The way each administrative level is used will vary from country to country. Below are some examples; this is not meant to be an exhaustive list.

- -

United States

- -

A typical home address within the United States looks like this:

- -

432 Anywhere St
- Exampleville CA 95555

- -

In the United States, the least-specific portion of the address is the state, in this case "CA" (the official US Postal Service shorthand for "California"). Thus "address-level1" is the state, or "CA" in this case.

- -

The second-least specific portion of the address is the city or town name, so "address-level2" is "Exampleville" in this example address.

- -

United States addresses do not use levels 3 and up.

- -

United Kingdom

- -

The UK uses one or two address levels, depending on the address. These are the post town and, in some instances, the locality.

- -

China

- -

China can use as many as three administrative levels: the province, the city, and the district.

diff --git a/files/es/web/html/atributos/index.html b/files/es/web/html/atributos/index.html deleted file mode 100644 index 03e7d8baee..0000000000 --- a/files/es/web/html/atributos/index.html +++ /dev/null @@ -1,677 +0,0 @@ ---- -title: Referencia de Atributos HTML -slug: Web/HTML/Atributos -tags: - - HTML - - Referencia - - Web - - atributo -translation_of: Web/HTML/Attributes ---- -

Los elementos en HTML tienen atributos; estos son valores adicionales que configuran los elementos o ajustan su comportamiento de diversas formas para cumplir los criterios de los usuarios.

- -

Lista de Atributos

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Nombre del AtributoElementosDescripción
accept{{ HTMLElement("form") }}, {{ HTMLElement("input") }}Lista de tipos aceptados por el servidor, usualmente un tipo de archivo.
accept-charset{{ HTMLElement("form") }}Lista de juegos de caracteres soportados.
accesskeyAtributos GlobalesDefine una tecla que activa o agrega un foco al elemento.
action{{ HTMLElement("form") }}La URL del programa que procesa la información enviada en el formulario.
align{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}Especifica el alineamiento horizontal del elemento.
alt{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}Texto alternativo en caso de que la imagen no se pueda mostrar.
async{{ HTMLElement("script") }}Indica que el script debería ejecutarse asincrónicamente.
autocomplete{{ HTMLElement("form") }}, {{ HTMLElement("input") }}Indica si los controles en este formulario pueden tener por defecto sus valores completados automáticamente por el navegador.
autofocus{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}El elemento debería recibir foco automáticamente después de haberse cargado la página.
autoplay{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}El audio o video debería empezar lo antes posible.
autosave{{ HTMLElement("input") }}Previous values should persist dropdowns of selectable values across page loads.
bgcolor{{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }} -

Color de fondo del elemento.

- -
-

Nota: Este atributo se mantiene como referencia. Por favor usa la propiedad CSS {{ Cssxref("background-color") }} en su lugar.

-
-
border{{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }} -

El ancho del borde.

- -
-

Nota: Este atributo se mantiene como referencia. Por favor usa la propiedad CSS {{ Cssxref("border") }} en su lugar.

-
-
buffered{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Contiene un rango de tiempo multimedia almacenado.
challenge{{ HTMLElement("keygen") }}Cadena de desafío que se envía junto con la clave pública.
charset{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}Declara la codificación de caracteres de la página o del script.
checked{{ HTMLElement("command") }}, {{ HTMLElement("input") }}Indica que el elemento debería estar marcado al cargar la página.
cite{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}Contiene una URL que apunta a la fuente de la cita o cambio.
classAtributo GlobalUsualmente empleado con CSS para aplicar estilos a elementos con propiedades en comun.
code{{ HTMLElement("applet") }}Especifica la URL del archivo de tipo applet a ser cargado y ejecutado.
codebase{{ HTMLElement("applet") }}Este atributo contiene la URL absoluta o relativa del directorio donde los archivos de applets (.class) referenciados en el codigo se encuentran almacenados.
color{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }} -

Este atributo establece el color de texto utilizando un nombre de color o en formato hexadecimal #RRGGBB.

- -
-

Nota: Este atributo se mantiene como referencia. Por favor usa la propiedad CSS {{ Cssxref("color") }} en su lugar.

-
-
cols{{ HTMLElement("textarea") }}Define el número de columnas en un área de texto.
colspan{{ HTMLElement("td") }}, {{ HTMLElement("th") }}Define el número de columnas que una celda debe contener.
content{{ HTMLElement("meta") }}Un valor asociado con http-equiv o name dependiendo del contexto.
contenteditableAtributo GlobalIndica si el contenido del elemento es editable.
contextmenuAtributo GlobalDefine el ID del elemento {{ HTMLElement("menu") }} que servira como menú de contexto para otro elemento.
controls{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Indica si el navegador debe mostrar controles de reproduccion al usuario.
coords{{ HTMLElement("area") }}Un conjunto de valores que especifican las coordenadas del area.
data{{ HTMLElement("object") }}Especifica la URL del recurso.
data-*Atributo GlobalPermite asociar atributos presonalizados a un elemento HTML.
datetime{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}Indica la fecha y hora asociadas con el elemento.
default{{ HTMLElement("track") }}Indica que la pista debe estar habilitada a menos que las preferencias del usuario indiquen algo diferente.
defer{{ HTMLElement("script") }}Indica que el código debe ser ejecutado despues de que la página este cargada.
dirAtributo GlobalDefine la dirección del texto. Los valores permitidos son ltr (Izquierda-a-Derecha) o rtl (Derecha-a-Izquierda).
dirname{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Indica la dirección del texto asociada con el elemento al momento de enviar el formulario.
disabled{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Indica si el usuario puede interactuar con el elemento.
download{{ HTMLElement("a") }}, {{ HTMLElement("area") }}Indica que el hipervínculo es utilizado para descargar un recurso.
draggableAtributo GlobalDefine si el elemento puede ser arrastrado.
dropzoneAtributo GlobalIndica que el elemento acepta contenido soltado en el mismo.
enctype{{ HTMLElement("form") }}Define el tipo de contenido del formulario cuando el método del mismo es POST.
for{{ HTMLElement("label") }}, {{ HTMLElement("output") }}Describe elementos que pertenecen a éste.
form{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Indica el formulario al que pertenece el elemento.
formaction{{ HTMLElement("input") }}, {{ HTMLElement("button") }}Indica la acción del elemento, anulando la acción definida en {{ HTMLElement("form") }}.
headers{{ HTMLElement("td") }}, {{ HTMLElement("th") }}IDs de los elementos <th> que aplican a este elemento.
height{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} -

Especifica la altura de los elementos enumerados aquí. Para todos los demás elementos, usa la propiedad CSS {{cssxref("height")}} en su lugar.

- -
-

Nota: En algunos casos, como los {{ HTMLElement("div") }}, este es un atributo de referencia, en donde debes usar la propiedad CSS {{ Cssxref("height") }} en su lugar.

-
-
hiddenAtributo GlobalEvita la prestación del elemento dado, manteniendo los elementos secundarios, p.ej. los elementos de script
high{{ HTMLElement("meter") }}Indica el menor valor del rango alto.
href{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }}La URL de un recurso asociado.
hreflang{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}Especifica el lenguaje del recurso asociado.
http-equiv{{ HTMLElement("meta") }}Indica una directiva que puede alterar el comportamiento de la pagina y como es leida por los exploradores.
icon{{ HTMLElement("command") }} -

Especifica una imagen relacionada con el comando.

- -
-

Note: El elemento {{ HTMLElement("command") }} es obsoleto y no se recomienda su uso.

-
-
idAtributo GlobalIdentificador el elemento para acceder al mismo desde CSS o Javascript, este indicador debe ser unico para cada elemento.
ismap{{ HTMLElement("img") }}Indica que la imagen es parte de un mapa de imagen del servidor.
itempropAtributo GlobalIndica que el elemento contiene el valor de la propiedad especificada de un conjunto.
keytype{{ HTMLElement("keygen") }} -

Especifica el tipo de clave generada.

- -
-

Nota: RSA es el valor por defecto.

-
-
kind{{ HTMLElement("track") }}Specifies the kind of text track.
label{{ HTMLElement("track") }}Especifica el título de la pista con un formato legible por el usuario.
langAtributo GlobalDefine el lenguaje utilizado en el elemento.
language{{ HTMLElement("script") }}Define el lenguage (de programación) utilizado en el elemento.
list{{ HTMLElement("input") }}Identifica una serie de valores predefinidos para ser sugeridos al usuario.
loop{{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }}Indica si el medio debe volver a ser reproducido desde el principio al llegar al final.
low{{ HTMLElement("meter") }}Indica el valor mas alto del rango bajo.
manifest{{ HTMLElement("html") }}Especifica la URL del manifiesto de cache para el documento.
max{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}Indica el máximo valor aceptado.
maxlength{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Define el mayor número de caracteres aceptados.
media{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}Da un indicio del tipo de medio para el cual el recurso vinculado fue creado.
method{{ HTMLElement("form") }}Define el método HTTP a emplear para enviar el formulario. Puede ser GET (predeterminado) o POST.
min{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}Indica el valor mínimo aceptado.
multiple{{ HTMLElement("input") }}, {{ HTMLElement("select") }}Indica si múltiples valores pueden ser ingresados.
muted{{ HTMLElement("video") }}Indica si el audio será silenciado inicialmente al cargar la página.
name{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }}Nombre del elemento. Por ejemplo utilizado por el servidor para identificar los campos en el envio de formularios.
novalidate{{ HTMLElement("form") }}Este atributo indica que el formulario no debe ser validado cuando se envíe.
open{{ HTMLElement("details") }}Indica si los detalles de la página seran mostrados cuando cargue la misma.
optimum{{ HTMLElement("meter") }}Indica el valor numérico óptimo.
pattern{{ HTMLElement("input") }}Define una expresion regular con la cual el valor del elemento debe ser validado.
ping{{ HTMLElement("a") }}, {{ HTMLElement("area") }}Indica si se enviara un ping o notificacion a la URL del recurso cuando el usuario utlize el vinculo.
placeholder{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Proporciona una sugerencia al usuario de lo que puede ser introducido en el campo.
poster{{ HTMLElement("video") }}Una URL que indica un cuadro a mostrar hasta que el usuario reproduzca o navegue en el video.
preload{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Indica si el recurso o partes del mismo deben ser precargadas.
pubdate{{ HTMLElement("time") }}Indica si esta fecha y tiempo concuerda con la fecha y tiempo del {{ HTMLElement("article") }} mas cercano (ancestro).
radiogroup{{ HTMLElement("command") }} -

Indica los nombres de los comandos de tipo radio, que seran alternados si el comando en si es alternado. Este atributo debe ser omitido si el tipo de comando no es radio.

- -
-

Note: El elemento {{ HTMLElement("command") }} es obsoleto y no se recomienda su uso.

-
-
readonly{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Indica si el elemento puede ser editado por el usuario.
rel{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}Especifica la relación entre el objeto destino y el objeto enlace.
required{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Indica si se requiere rellenar o no este elemento.
reversed{{ HTMLElement("ol") }}Indica si la lista debe ser mostrada en orden descendente en vez de ascendente.
rows{{ HTMLElement("textarea") }}Define el número de filas en un área de texto.
rowspan{{ HTMLElement("td") }}, {{ HTMLElement("th") }}Define el número de filas que una celda de una tabla debe abarcar.
sandbox{{ HTMLElement("iframe") }}Lista de restricciones a ser desactivadas en el iframe.
scope{{ HTMLElement("th") }}Define las celdas que la cabecera definió en este elemento.
scoped{{ HTMLElement("style") }}Indica si el estilo será aplicado sólo al elemento inmediato superior (padre). de no ser definido, el estilo se aplicara de forma global.
seamless{{ HTMLElement("iframe") }}Indica si el iframe debe ser cargado como parte del mismo documento.
selected{{ HTMLElement("option") }}Define un valor que será seleccionado al cargar la página.
shape{{ HTMLElement("a") }}, {{ HTMLElement("area") }}Define una región seleccionable para hacer hipervínculos asociados con una forma asociada a una figura para crear un mapa. Los valores para este atributo son: circle, defaul, plygon y rect.
size{{ HTMLElement("input") }}, {{ HTMLElement("select") }}Define el ancho del elemento (en píxeles). Si el atributo del elemento es del tipo text o password entonces es el número de caracteres.
sizes{{ HTMLElement("link") }}, {{ HTMLElement("img") }}, {{ HTMLElement("source") }}Define los tamaños en los que el icono puede ser cargado.
span{{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}Indica el número de columnas que se agrupan.
spellcheckAtributo GlobalIndica si se permite la corrección ortográfica para el elemento.
src{{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }}La URL del contenido integrable.
srcdoc{{ HTMLElement("iframe") }}Especifica el contenido de la página incluida.
srclang{{ HTMLElement("track") }}Especifica el lenguaje del contenido de la pista.
srcset{{ HTMLElement("img") }}
start{{ HTMLElement("ol") }}Define el número inicial de la lista (si es diferente a 1).
step{{ HTMLElement("input") }}Indica el valor del incremento para un valor numerico o de fecha.
styleAtributo GlobalDefine los estilos CSS que anulan los estilos establecidos previamente.
summary{{ HTMLElement("table") }} -

Contiene una descripción del contenido de la tabla.

- -

Nota: Este atributo ha sido desaprovado, se recomienda incluir un elemento {{ HTMLElement("caption") }} en la tabla.

-
tabindexAtributo GlobalSobrescribe el orden de tabulacion del navegador y usa el especificado.
target{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }} -

Especifica el marco destino en un vínculo.

- -

Valores especiales: "_blank" indica una nueva ventana, "_parent" indica el marco padre del marco que contiene el código fuente, "_self" indica el marco donde está el código fuente y "_top" indica la ventana completa del navegador.

-
titleAtributo GlobalTexto a ser mostrado cuando el cursor esté sobre el elemento.
type{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}Define el tipo de elemento.
usemap{{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }} -

Indica la URL parcial de un image map asociado con el elemento.

- -
-

Note: Este atributo no puede ser usado si el elemento {{ HTMLElement("img") }} desciende de un {{ HTMLElement("button") }} o {{ HTMLElement("a") }}

-
-
value{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }}Define el valor predeterminado a ser mostrado al cargar la página.
width{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} -

Para los elementos enumerados aquí, esto establece el ancho del elemento.

- -
-

Nota: En algunos casos, como los {{ HTMLElement("div") }}, este es un atributo de referencia, en donde debes usar la propiedad CSS {{ Cssxref("height") }} en su lugar.

-
-
wrap{{ HTMLElement("textarea") }}Indica la forma en la cual el texto debe ser envuelto.
- -

Contenido versus atributos IDL

- -

En HTML, la mayoria de los atributos tiene dos caras: el atributo de contenido y el atributo IDL

- -

El atributo de contenido es aquel que se define desde el contenido (Codigo HTML) y puedes definirlo u obtenerlo con {{domxref("element.setAttribute()")}} o {{domxref("element.getAttribute()")}}. El atributo de contenido es siempre un string incluso cuando el valor esperado en un integer. Por ejemplo, para definir el maxlength de un {{HTMLElement("input")}} a 42 usando el atributo de contenido, se debe llamar a setAttribute("maxlength", "42") en ese elemento.

- -

El atributo IDL, tambien conocido como propiedad JavaScript. Estos son atributos que se pueden leer o definir usando JavaScript como element.foo.. El atributo IDL siempre va a usar (pero puede transformarse) en el atributo de contenido subyacente para retornar un valor cuando lo obtiene y lo guarda en el atributo de contenido cuando es definido. En otras palabras el atributo IDL, en esencia, refleja los atributos de contenido.

- -

La mayoria del tiempo, los atributos IDL pueden retornar sus valores como realmente son usados. Por ejemplo, el type por defecto para los elementos {{HTMLElement("input")}} es "texto", entonces si defines input.type="foobar", el elemento <input> sera de tipo texto (en apariencia y comportamiento) pero el valor del Atributo de contenido "type" sera "foobat". De cualquier manera, el type del atributo IDL retornara el string "text".

- -

Los atributos IDL no son siempre strings; por ejemplo, input.maxlength es un numero (marcado como long). Cuando se usan atributos IDL, lees o defines valores del tipo deseado, entonces input.maxlength siempre retornara un numero y cuando definas input,maxlength, esperara un numero. Si se le entrega otro tipo, se convierte antomaticamente a numero como se especifica en las reglas del  estandar de JavaScript para conversiones de tipo.

- -

Los atributos IDL pueden reflejar otros tipos como un long sin asignacion, URL's, booleanos, etc. Desafortunadamente no hay reglas claras y el comportamiento que los atributos IDL en conjunto con sus respectivos atributos de contenido depende del mismo atributo. La mayoria del tiempo, siguen las reglas de diseño en la especificacion, pero algunas veces no lo hacen. Las especificaciones HTML tratan de ser lo mas amigables para el dasarrollador como es posible, pero por varias razones (mayormente historicas), algunos aributos se comportan de forma extraña (select.size, por ejemplo) y debes leer las especificaciones para comprender como éste se comporta exactamente.

- -

Ver Tambien

- - diff --git a/files/es/web/html/atributos/min/index.html b/files/es/web/html/atributos/min/index.html deleted file mode 100644 index 4060bd81f4..0000000000 --- a/files/es/web/html/atributos/min/index.html +++ /dev/null @@ -1,162 +0,0 @@ ---- -title: 'HTML el atributo: min' -slug: Web/HTML/Atributos/min -tags: - - Atributos - - Restricción de validación - - atributo - - min -translation_of: Web/HTML/Attributes/min ---- -
-

El atributo {{HTMLAttrxRef("min", "input")}} define el valor mínimo que es aceptable y válido para el {{HTMLElement("input")}} que contiene el atributo. Si el {{web.link("/es/docs/Web/HTML/Element/input#attr-value", "value")}} del elemento es menor que esto, el elemento falla la {{web.link("/es/docs/Web/Guide/HTML/HTML5/Constraint_validation", "restricción de validación")}}. Este valor debe ser menor o igual que el valor del atributo {{HTMLAttrxRef("max", "input")}}. Si se especifica un valor para {{HTMLAttrxRef("min", "input")}} que no es un número válido, la entrada no tiene un valor mínimo.

- -

Válido para los tipos de entrada numérica, incluidos los tipos {{HTMLElement("input/date", "date")}}, {{HTMLElement("input/month", "month")}}, {{HTMLElement("input/week", "week")}}, {{HTMLElement("input/time", "time")}}, {{HTMLElement("input/datetime-local", "datetime-local")}}, {{HTMLElement("input/number", "number")}} y {{HTMLElement("input/range", "range")}}, y el elemento {{htmlelement('meter')}}, el atributo {{HTMLAttrxRef("min", "input")}} es un número que especifica el valor mínimo de un control de formulario para ser considerado válido.

- -

Sintaxis

- -
-

Si any no se establece explícitamente, los valores válidos para el número, los tipos de entrada de fecha/hora y los tipos de entrada de range son iguales a la base de paso a paso: el valor {{HTMLAttrxRef("min", "input")}} y los incrementos del valor del paso, hasta el valor {{web.link("/es/docs/Web/HTML/Attributes/max", "max")}}, si se especifica. Por ejemplo, si tienes <input type="number" min="10" step="2">, cualquier entero par, 10 o mayor, es válido. Si se omite, <input type="number">, cualquier número entero es válido, pero los flotantes, como 4.2, no son válidos, ya que el step predeterminado es 1. Para que 4.2 sea válido, step se debería haber configurado en any, 0.1, 0.2, o cualquiera, el valor mínimo tendría que ser un número terminado en 0.2 , como <input type="number" min="-5.2">

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Sintaxis para valores {{HTMLAttrxRef("min", "input")}} por <input type="" />
Tipo del inputEjemploEjemplo
{{HTMLElement("input/date", "date")}}yyyy-mm-dd<input type="date" min="2019-12-25" step="1">
{{HTMLElement("input/month", "month")}}yyyy-mm<input type="month" min="2019-12" step="12">
{{HTMLElement("input/week", "week")}}yyyy-W##<input type="week" min="2019-W23" step="">
{{HTMLElement("input/time", "time")}}hh:mm<input type="time" min="09:00" step="900">
{{HTMLElement("input/datetime-local", "datetime-local")}}yyyy-mm-ddThh:mm<input type="datetime-local" min="2019-12-25T19:30">
{{HTMLElement("input/number", "number")}}{{web.link("/es/docs/Web/CSS/number", "number")}}<input type="number" min="0" step="5" max="100">
{{HTMLElement("input/range", "range")}}{{web.link("/es/docs/Web/CSS/number", "number")}}<input type="range" min="60" step="5" max="100">
- -
-

Nota: Cuando los datos ingresados por el usuario no se adhieren al valor mínimo establecido, el valor se considera inválido en la restricción de validación y coincidirá con la pseudoclase :invalid

-
-
- -

Consulta {{web.link("/es/docs/Web/Guide/HTML/HTML5/Constraint_validation", "Validación del lado del cliente")}} y {{DOMxRef("ValidityState.rangeUnderflow", "rangeUnderflow")}} para más información.

- -

Para el elemento {{HTMLElement('meter')}}, el atributo {{HTMLAttrxRef("min", "input")}} define el límite numérico inferior del rango medido. Debe ser menor que el valor mínimo (atributo {{web.link("/es/docs/Web/HTML/Attributes/max", "max")}}), si se especifica. En ambos casos, si se omite, el valor predeterminado es 1.

- - - - - - - - - - - - - - - - - -
Sintaxis para valores {{HTMLAttrxRef("min", "input")}} para otros elementos
Tipo del inputSintaxisEjemplo
{{HTMLElement("meter")}}{{web.link("/es/docs/Web/CSS/number", "number")}}<meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="40"> at 40/100</meter>
- -

Impacto en step

- -

Los valores de {{HTMLAttrxRef("min", "input")}} y step definen cuáles son los valores válidos, incluso si el atributo step no está incluido, como el step predeterminado de 0.

- -

Agrega un gran borde rojo alrededor de los {{HTMLElement("input")}}s no válidos:

- -
input:invalid {
-  border: solid red 3px;
-}
- -

Luego define un {{HTMLElement("input")}} con un valor mínimo de 7.2, omitiendo el atributo step, en donde el valor predeterminado es 1.

- -
<input id="myNumber" name="myNumber" type="number" min="7.2" value="8">
- -

Dado que step tiene el valor predeterminado de 1, los valores válidos incluyen 7.2, 8.2, 9.2 y así sucesivamente. El valor 8 no es válido. Dado que incluye un valor no válido, los navegadores compatibles mostrarán el valor como no válido.

- -

{{EmbedLiveSample("Impacto_en_step",200,55)}}

- -

Si no se incluye explícitamente, step tiene como valor predeterminado 1 para número y range, y 1 tipo de unidad (segundo, semana, mes, día) para los {{HTMLElement("input")}}s de tipo fecha/hora.

-
- -

Compatibilidad del navegador

- - - -

{{Compat("html.elements.attributes.min")}}

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'input.html#the-min-and-max-attributes', 'min attribute')}}{{ Spec2('HTML WHATWG') }}
{{SpecName('HTML5 W3C', 'input.html#the-min-and-max-attributes', 'min attribute')}}{{ Spec2('HTML5 W3C') }}
- -

Problemas de accesibilidad

- -

Proporciona instrucciones para ayudar a los usuarios a comprender cómo completar el formulario y utilizar controles de formulario individuales. Indica cualquier entrada requerida y opcional, formatos de datos y otra información relevante. Cuando utilices el atributo {{HTMLAttrxRef("min", "input")}}, asegúrate de que el usuario comprenda este requisito mínimo. Posiblemente sea suficiente proporcionar instrucciones dentro de un {{HTMLElement('label')}}. Si proporcionas instrucciones fuera de las etiquetas, lo cual permite un posicionamiento y un diseño más flexibles, considera usar {{web.link("/es/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute", "aria-labelledby")}} o {{web.link("/es/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-descriptionsby_attribute", "aria-describedby")}}.

- -

Ve también

- - diff --git a/files/es/web/html/atributos/minlength/index.html b/files/es/web/html/atributos/minlength/index.html deleted file mode 100644 index 23056673e2..0000000000 --- a/files/es/web/html/atributos/minlength/index.html +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: 'HTML el atributo: minlength' -slug: Web/HTML/Atributos/minlength -tags: - - Entrada - - Input - - Referencia - - atributo - - minlength - - textarea -translation_of: Web/HTML/Attributes/minlength ---- -

El atributo minlength define el número mínimo de caracteres (como unidades de código UTF-16) que el usuario puede ingresar en un {{HTMLElement('input')}} o {{HTMLElement('textarea')}}. Debe ser un valor entero 0 o superior. Si no se especifica una longitud mínima o se especifica un número no válido, el <input> no tiene una longitud mínima. Este valor debe ser menor o igual que el valor de {{web.link("/es/docs/Web/HTML/Attributes/maxlength", "maxlength")}}; de lo contrario, el valor nunca será válido, puesto que es imposible cumplir con ambos criterios.

- -

El <input> fallará la restricción de validación si la longitud del valor de texto del campo es menor que la longitud mínima de unidades de código UTF-16, con {{DOMxRef('validityState.tooShort')}} devolviendo true. La validación de la restricción solo se aplica cuando el usuario cambia el valor. Una vez que el envío falla, algunos navegadores mostrarán un mensaje de error que indica la longitud mínima requerida y la longitud actual.

- -

Ejemplos

- -

Al agregar minlength="5", el valor debe estar vacío o tener cinco caracteres o más para ser válido.

- -
<label for="fruit">Ingresa un nombre de fruta que tenga al menos 5 letras</label> <input type="text" minlength="5" id="fruit">
- -

Podemos usar pseudoclases para estilizar el elemento en función de si el valor es válido. El valor será válido siempre que sea null (vacío) o tenga cinco o más caracteres. Lima no es válido, limón es válido.

- -
input {
-  border: 2px solid currentcolor;
-}
-input:invalid {
-  border: 2px dashed red;
-}
-input:invalid:focus {
-  background-image: linear-gradient(pink, lightgreen);
-}
- -

{{EmbedLiveSample('Ejemplos', '100%', 200)}}

- -

Especificaciones

- - - - - - - - - - - - - - - - - - -
EspecificaciónEstado
{{SpecName('HTML WHATWG', 'input.html#attr-input-minlength', 'atributo minlength')}}{{ Spec2('HTML WHATWG') }}
{{SpecName('HTML5.1', 'input.html#attr-minlength-accept', 'atributo minlength')}}{{Spec2('HTML5.1')}}
- -

Compatibilidad del navegador

- - - -

{{Compat("html.elements.attribute.minlength")}}

- -

Ve también

- - diff --git a/files/es/web/html/atributos/multiple/index.html b/files/es/web/html/atributos/multiple/index.html deleted file mode 100644 index cbf465b0b8..0000000000 --- a/files/es/web/html/atributos/multiple/index.html +++ /dev/null @@ -1,182 +0,0 @@ ---- -title: 'HTML el atributo: multiple' -slug: Web/HTML/Atributos/multiple -tags: - - Atributos - - Resticción de validación - - atributo -translation_of: Web/HTML/Attributes/multiple ---- -

El atributo booleano {{HTMLAttrxRef("multiple", "input")}}, si se establece, significa que el control del formulario acepta uno o más valores. Válido para los {{HTMLElement("input")}}s de tipo {{HTMLElement("input/email", "email")}}, {{HTMLElement("input/file", "file")}} y {{HTMLElement("select")}}, la forma en que el usuario opta por valores múltiples depende del control del formulario.

- -

Dependiendo del tipo, el control de formulario puede tener una apariencia diferente si se establece el atributo {{HTMLAttrxRef("multiple", "input")}}. Para el {{HTMLElement("input")}} de tipo file, la mensajería nativa que proporciona el navegador es diferente. En Firefox, el {{HTMLElement("input")}} de tipo file dice "Ningún archivo seleccionado" cuando el atributo está presente y "Ningún archivo seleccionado", cuando no hay archivo seleccionado. La mayoría de los navegadores muestran un cuadro de lista de desplazamiento para un control {{HTMLElement("select")}} con el atributo {{HTMLAttrxRef("multiple", "input")}} establecido frente a un menú desplegable de una sola línea cuando se omite el atributo. El {{HTMLElement("input")}} {{HTMLElement("input/email", "email")}} muestra lo mismo, pero coincidirá con la pseudoclase {{CSSxRef(':invalid')}} si hay más de una dirección de correo electrónico separada por comas incluido si el atributo no está presente.

- -

Cuando se establece {{HTMLAttrxRef("multiple", "input")}} en el tipo de entrada {{HTMLElement("input/email", "email")}}, el usuario puede incluir cero (si no es {{web.link("/es/docs/Web/HTML/Attributes/required", "required")}} también), una o más direcciones de correo electrónico separadas por comas.

- -
<input type="email" multiple name="emails" id="emails">
- -

Si y solo si se especifica el atributo {{HTMLAttrxRef("multiple", "input")}}, el valor puede ser una lista de direcciones de correo electrónico separadas por comas y formadas correctamente. Los espacios en blanco iniciales y finales se eliminan de cada dirección de la lista.

- -

Cuando se establece {{HTMLAttrxRef("multiple", "input")}} en el tipo de entrada {{HTMLElement("input/file", "file")}}, el usuario puede seleccionar uno o más archivos. El usuario puede elegir varios archivos del selector de archivos de cualquier manera que la plataforma elegida lo permita (por ejemplo, manteniendo presionada la tecla Mayús o Control y luego haciendo clic).

- -
<input type="file" multiple name="uploads" id="uploads">
- -

Cuando se omite el atributo, el usuario solo puede seleccionar un único archivo por {{HTMLElement("input")}}.

- -

El atributo {{HTMLAttrxRef("multiple", "input")}} en el elemento {{HTMLElement("select")}} representa un control para seleccionar cero o más opciones de la lista. De lo contrario, el elemento {{HTMLElement("select")}} representa un control para seleccionar una única {{HTMLElement("option")}} de la lista de opciones.

- -
<select multiple name="drawfs" id="drawfs">
-  <option>Gruñón</option>
-  <option>Feliz</option>
-  <option>Dormilón</option>
-  <option>Tímido</option>
-  <option>Estornudo</option>
-  <option>Tontín</option>
-  <option>Doc</option>
-</select>
- -

Cuando se especifica {{HTMLAttrxRef("multiple", "input")}}, la mayoría de los navegadores mostrarán un cuadro de lista de desplazamiento en lugar de un menú desplegable de una sola línea.

- -

Ejemplos

- -

input para correoᵉ

- -
<label for="emails">¿A quién deseas enviar un correo electrónico?</label>
-<input type="email" multiple name="emails" id="emails" list="drawfemails" required size="64">
-
-<datalist id="drawfemails">
-  <option value="gruñón@woodworkers.com">Gruñón</option>
-  <option value="feliz@woodworkers.com">Feliz</option>
-  <option value="dormilón@woodworkers.com">Dormilón</option>
-  <option value="tímido@woodworkers.com">Tímido</option>
-  <option value="estornudo@woodworkers.com">Estornudo</option>
-  <option value="tontín@woodworkers.com">Tontín</option>
-  <option value="doc@woodworkers.com">Doc</option>
-</datalist>
- - - -

Si y solo si se especifica el atributo {{HTMLAttrxRef("multiple", "input")}}, el valor puede ser una lista de direcciones de correo electrónico separadas por comas y formadas correctamente. Los espacios en blanco iniciales y finales se eliminan de cada dirección de la lista. Si el atributo {{web.link("/es/docs/Web/HTML/Attributes/required", "required")}} está presente, se requiere al menos una dirección de correo electrónico.

- -

Algunos navegadores admiten la aparición de la {{web.link("/es/docs/Web/HTML/Attributes/list", "lista")}} de opciones del {{HTMLElement('datalist')}} para direcciones de correo electrónico posteriores cuando haya varias. Otros no lo hacen.

- -

{{EmbedLiveSample("input_para_correoᵉ", 600, 80) }}

- -

input de tipo file

- -

Cuando se establece {{HTMLAttrxRef("multiple", "input")}} en el {{HTMLElement("input")}} de tipo {{HTMLElement("input/file", "file")}}, el usuario puede seleccionar uno o más archivos:

- -
<form method="post" enctype="multipart/form-data">
-  <p>
-    <label for="uploads">
-       Elige las imágenes que deseas cargar:
-    </label>
-    <input type="file" id="uploads" name="uploads" accept=".jpg, .jpeg, .png, .svg, .gif" multiple>
-  </p>
-  <p>
-    <label for="text">Elige un archivo de texto para cargar: </label>
-    <input type="file" id="text" name="text" accept=".txt">
- </p>
-  <p>
-    <input type="submit" value="Enviar">
-  </p>
-</form>
- -

{{EmbedLiveSample("input_de_tipo_file", 600, 80) }}

- -

Nota la diferencia en la apariencia entre el ejemplo con {{HTMLAttrxRef("multiple", "input")}} establecido y el otro {{HTMLElement("input")}} sin file.

- -

Cuando se envía el formulario, utilizas el {{web.link("/es/docs/Web/HTML/Element/form", "method='get'")}} el nombre de cada archivo seleccionado se habría agregado a los parámetros de la URL como ?uploads=img1.jpg&uploads=img2.svg. Sin embargo, dado que estamos asumiendo datos de formularios de {{web.link("/es/docs/Web/API/XMLHttpRequest/multipart", "multipart")}}, usamos mucho el post. Consulta el elemento {{HTMLElement('form')}} y {{web.link("/es/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data#The_method_attribute", "envío de datos del formulario")}} para obtener más información.

- -

select

- -

El atributo {{HTMLAttrxRef("multiple", "input")}} en el elemento {{HTMLElement("select")}} representa un control para seleccionar cero o más opciones de la lista. De lo contrario, el elemento {{HTMLElement("select")}} representa un control para seleccionar una única {{HTMLElement("option")}} de la lista de opciones. El control generalmente tiene una apariencia diferente en función de la presencia del atributo {{HTMLAttrxRef("multiple", "input")}}, y la mayoría de los navegadores muestran un cuadro de lista de desplazamiento en lugar de una lista desplegable de una sola línea cuando el atributo está presente.

- -
<form method="get" action="#">
-<p>
- <label for="dwarfs">Selecciona los leñadores que te gusten:</label>
-  <select multiple name="drawfs" id="drawfs">
-    <option>gruñón@woodworkers.com</option>
-    <option>feliz@woodworkers.com</option>
-    <option>dormilón@woodworkers.com</option>
-    <option>tímido@woodworkers.com</option>
-    <option>estornudo@woodworkers.com</option>
-    <option>tontín@woodworkers.com</option>
-    <option>doc@woodworkers.com</option>
-  </select>
-</p>
-<p>
- <label for="favoriteOnly">Selecciona tu favorito:</label>
-  <select name="favoriteOnly" id="favoriteOnly">
-    <option>gruñón@woodworkers.com</option>
-    <option>feliz@woodworkers.com</option>
-    <option>dormilón@woodworkers.com</option>
-    <option>tímido@woodworkers.com</option>
-    <option>estornudo@woodworkers.com</option>
-    <option>tontín@woodworkers.com</option>
-    <option>doc@woodworkers.com</option>
-  </select>
-</p>
-<p>
-  <input type="submit" value="Enviar">
-</p>
-</form>
- -

{{EmbedLiveSample("select", 600, 120) }}

- -

Ten en cuenta la diferencia de apariencia entre los dos controles de formulario.

- -
/* descomenta este CSS para que el multiple tenga la misma altura que single */
-
-/*
-select[multiple] {
-  height: 1.5em;
-  vertical-align: top;
-}
-select[multiple]:focus,
-select[multiple]:active {
-  height: auto;
-}
-*/
- -

Hay varias formas de seleccionar varias opciones en un elemento <select> con un atributo {{HTMLAttrxRef("multiple", "input")}}. Dependiendo del sistema operativo, los usuarios del ratón pueden mantener presionadas las teclas Ctrl, Comando o Mayús y luego hacer clic en varias opciones para seleccionarlas o deseleccionarlas. Los usuarios de teclado pueden seleccionar varios elementos contiguos centrándose en el elemento <select>, seleccionando un elemento en la parte superior o inferior del rango que desean seleccionar usando Arriba y Teclas del cursor hacia abajo para subir y bajar las opciones. La selección de elementos no contiguos no es tan compatible: los elementos se deben poder seleccionar y deseleccionar presionando Espacio, pero el soporte varía entre los navegadores.

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'input.html#attr-input-multiple', 'Atributo multiple')}}{{ Spec2('HTML WHATWG') }}
{{SpecName('HTML5 W3C', 'input.html#attr-input-multiple', 'Atributo multiple')}}{{ Spec2('HTML5 W3C') }}
- -

Problemas de accesibilidad

- -

Proporciona instrucciones para ayudar a los usuarios a comprender cómo completar el formulario y utilizar controles de formulario individuales. Indica cualquier entrada requerida y opcional, formatos de datos y otra información relevante. Cuando utilices el atributo {{HTMLAttrxRef("multiple", "input")}}, informa al usuario que se permiten múltiples valores y proporciona instrucciones sobre cómo proveer más valores, como "direcciones de correo electrónico separadas con una coma".

- -

Configurar {{web.link("/es/docs/Web/HTML/Attributes/size", "size")}}="1" en una selección múltiple puedes hacer que aparezca como una única selección en algunos navegadores, pero luego no se expande en el enfoque, lo que perjudica la usabilidad. No hagas eso. Si cambias la apariencia de un select, e incluso si no lo haces, asegúrate de informar al usuario que se puede seleccionar más de una opción mediante otro método.

- -

Ve también

- - diff --git a/files/es/web/html/atributos_de_configuracion_cors/index.html b/files/es/web/html/atributos_de_configuracion_cors/index.html deleted file mode 100644 index f7453daa96..0000000000 --- a/files/es/web/html/atributos_de_configuracion_cors/index.html +++ /dev/null @@ -1,123 +0,0 @@ ---- -title: Atributos de configuración CORS -slug: Web/HTML/Atributos_de_configuracion_CORS -translation_of: Web/HTML/Attributes/crossorigin ---- -

En HTML5, algunos elementos HTML que dan soporte para CORS, tales como {{ HTMLElement("img") }} o {{ HTMLElement("video") }}, tienen un atributo crossorigin  (propiedad crossOrigin), que les permite configurar las peticiones CORS de los datos que se cargan. Estos atributos están enumerados, y tienen los siguientes valores posibles:

- - - - - - - - - - - - - - - - -
Palabra claveDescripción
anonymousCORS, las solicitudes de este elemento no tendrán establecido el indicador de credenciales.
use-credentialsCORS, las solicitudes de este elemento tendrán marcado el indicador de credenciales; esto significa que la solicitud proporcionará credenciales.
- -

Por defecto, es decir cuando el atributo no es específicado, CORS no se usa. La palabra clave "anonymous" indica que no habrá intercambio de credenciales de usuario a través de las cookies, ni por parte del cliente con certificados SSL o autenticación HTTP como se describe en la sección de terminología de la especificación CORS.

- -

Una clave inválida y un string vacío serán gestionados como  una clave anónima.

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'infrastructure.html#cors-settings-attributes', 'CORS settings attributes')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML WHATWG', 'embedded-content.html#attr-img-crossorigin', 'crossorigin')}}{{Spec2('HTML WHATWG')}} 
- -

Compatibilidad de navegadores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support13{{ CompatGeckoDesktop("8.0") }}11{{ CompatNo() }}{{ CompatVersionUnknown() }}
{{ HTMLElement("video")}}{{ CompatUnknown() }}{{ CompatGeckoDesktop("12.0") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatUnknown() }}{{ CompatGeckoMobile("8.0") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatVersionUnknown() }}
{{ HTMLElement("video")}}{{ CompatUnknown() }}{{ CompatGeckoMobile("12.0") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/accesskey/index.html b/files/es/web/html/atributos_globales/accesskey/index.html deleted file mode 100644 index cb8bbcc16c..0000000000 --- a/files/es/web/html/atributos_globales/accesskey/index.html +++ /dev/null @@ -1,143 +0,0 @@ ---- -title: accesskey -slug: Web/HTML/Atributos_Globales/accesskey -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/accesskey ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El atributo global accesskey provee un indicio para generar un atajo de teclado para el elemento actual . Este atributo consiste en una lista de caracteres separada por espacios (un único punto de código Unicode). El explorador usa el primero que existe en la distribución del teclado de la computadora .

- -

La operación para activar el accesskey depende del explorador y su plataforma .

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 WindowsLinuxMac
FirefoxAlt + Shift + teclaEn Firefox 14 o posteriores, Control + Alt + tecla
- En Firefox 13 o anteriores, Control + tecla
Internet ExplorerAlt + teclaN/A
Google ChromeAlt + teclaControl + Alt + tecla
SafariAlt + teclaN/AControl + Alt + tecla
OperaShift + Esc abre una lista de contenidos , los cuales son accesibles a través de accesskey , después se puede elegir un item presionando  tecla
- -

Notar que Firefox puede  personalizar la tecla de modificación requerida por  las preferencias del usuario .

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "interaction.html#the-accesskey-attribute", "accesskey")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el útlimo snapshot  {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "editing.html#the-accesskey-attribute", "accesskey")}}{{Spec2('HTML5.1')}}Snapshot  de {{SpecName('HTML WHATWG')}}, sin cambio desde {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "editing.html#the-accesskey-attribute", "accesskey")}}{{Spec2('HTML5 W3C')}}Snapshot de  {{SpecName('HTML WHATWG')}}. De {{SpecName('HTML4.01')}},  varios caracteres pueden se pueden establecer como el accesskey . Tambien puede establecerse sobre cualquier elemento.
{{SpecName('HTML4.01', "interact/forms.html#h-17.11.2", "accesskey")}}{{Spec2('HTML4.01')}}Solo soportado en {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("label") }}, {{ HTMLElement("legend") }} y {{ HTMLElement("textarea") }}
- -

Compatibilidad con exploradores

- -

{{CompatibilityTable}}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísiticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
-
- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/autocapitalize/index.html b/files/es/web/html/atributos_globales/autocapitalize/index.html deleted file mode 100644 index d1f8fc446c..0000000000 --- a/files/es/web/html/atributos_globales/autocapitalize/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: autocapitalización -slug: Web/HTML/Atributos_Globales/autocapitalize -tags: - - Atributos globales - - HTML - - Reference - - Referencia - - autocapitalización -translation_of: Web/HTML/Global_attributes/autocapitalize ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El {{web.link("/es/docs/Web/HTML/Global_attributes", "atributo global")}} {{HTMLAttrxRef("autocapitalize", "input")}} es un atributo enumerado que controla si la entrada de texto se escribe en mayúsculas automáticamente a medida que el usuario la introduce/edita. El atributo debe tomar uno de los siguientes valores:

- - - -

El atributo {{HTMLAttrDef("autocapitalize")}} no afecta el comportamiento al escribir en un teclado físico. En cambio, afecta el comportamiento de otros mecanismos de entrada, como teclados virtuales en dispositivos móviles y entrada de voz. El comportamiento de tales mecanismos es que a menudo ayudan a los usuarios escribiendo en mayúscula automáticamente la primera letra de las oraciones. El atributo {{HTMLAttrDef("autocapitalize")}} permite a los autores redefinir ese comportamiento por elemento.

- -

El atributo {{HTMLAttrDef("autocapitalize")}} nunca hace que se habilite la autocapitalización para un elemento {{HTMLElement("input")}} con un atributo {{HTMLAttrxRef("type", "input")}} cuyo valor es {{HTMLAttrDef("url")}}, {{HTMLAttrDef("email")}} o {{HTMLAttrDef("password")}}.

- -

Especificaciones

- - - - - - - - - - - - - - - - -
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', "interaction.html#autocapitalization", "autocapitalize")}}{{ Spec2('HTML WHATWG') }}
- -

Compatibilidad del navegador

- - - -

{{Compat("html.global_attributes.autocapitalize")}}

diff --git a/files/es/web/html/atributos_globales/class/index.html b/files/es/web/html/atributos_globales/class/index.html deleted file mode 100644 index ba82c66e65..0000000000 --- a/files/es/web/html/atributos_globales/class/index.html +++ /dev/null @@ -1,105 +0,0 @@ ---- -title: class -slug: Web/HTML/Atributos_Globales/class -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/class ---- -

{{HTMLSidebar("Global_attributes")}}
- El atributo global class es una lista de las clases del elemento separada por espacios . Las clases permiten a CSS y Javascript seleccionar y acceder a elementos específicos a través de los selectores de clase o funciones como el método {{domxref("document.getElementsByClassName")}} del DOM.

- -

Aunque la especificación no define los requerimientos para el nombre de las clases , se alienta a los desarrolladores web a usar nombres que describan el propósito semántico del elemento, en lugar de la presentación del elemento (e.g., atributo para describir un atributo en lugar de itálica, aunque un elemento de esta clase puesde ser presentado por itálica). Los nombres semanticos permanecen lógicos incluso si la presentación de la página cambia .

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComment
{{SpecName('HTML WHATWG', "elements.html#classes", "class")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "elements.html#classes", "class")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, sin cambio desde {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "elements.html#classes", "class")}}{{Spec2('HTML5 W3C')}}Snapshot de {{SpecName('HTML WHATWG')}}. Desde {{SpecName('HTML4.01')}}, class es ahora un verdadero atributo global .
{{SpecName('HTML4.01', "struct/global.html#h-7.5.2", "class")}}{{Spec2('HTML4.01')}}Soportado en todos los elementos pero {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, y {{HTMLElement("title")}}.
- -

Compatibilidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísiticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }} [1]{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísitcaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }} [1]{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -

[1] class es un atributo global verdadero solo desde Firefox 32.

- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/contenteditable/index.html b/files/es/web/html/atributos_globales/contenteditable/index.html deleted file mode 100644 index 9db8119af2..0000000000 --- a/files/es/web/html/atributos_globales/contenteditable/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: contenteditable -slug: Web/HTML/Atributos_Globales/contenteditable -tags: - - Atributos globales - - HTM - - Referencia -translation_of: Web/HTML/Global_attributes/contenteditable ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El atributo global  contenteditable es un atributo enumerado que indica si el elemento debe de ser editable por el usuario . Si es así, el explorador modifca su widget para permitir la edición . El atributo debe de tener alguno de los siguientes valores :

- - - -

Si este atributo no se establece , el valor de default es heredado  de su elemento padre .

- -

Este es un atributo enumerado y no uno booleano . Esto significa que el uso explicito de uno de los valores true , false o la cadena vacía es obligatorio y que una código como <label contenteditable>Example Label</label> no esta permitido . El uso correcto es <label contenteditable="true">Example Label</label>.

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "editing.html#attr-contenteditable", "contenteditable")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "editing.html#attr-contenteditable", "contenteditable")}}{{Spec2('HTML5.1')}}Snapshot de  {{SpecName('HTML WHATWG')}}, sin cambio desde {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "editing.html#attr-contenteditable", "contenteditable")}}{{Spec2('HTML5 W3C')}}Snapshot de {{SpecName('HTML WHATWG')}}, definición inicial.
- -

Compatiblidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísiticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatGeckoDesktop("1.9") }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísiticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatGeckoMobile("1.9") }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/contextmenu/index.html b/files/es/web/html/atributos_globales/contextmenu/index.html deleted file mode 100644 index 9cc32f7ace..0000000000 --- a/files/es/web/html/atributos_globales/contextmenu/index.html +++ /dev/null @@ -1,139 +0,0 @@ ---- -title: contextmenu -slug: Web/HTML/Atributos_Globales/contextmenu -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/contextmenu ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El atributo global  contextmenu es el  id de un  {{HTMLElement("menu")}} para nosotros como el menu contextual para este elemento .

- -

Un menu contextual  es un menu que aparece sobre la interacción del usuario , como por ejemplo un click derecho . HTML5 ahora permite modificar este menú . Aquí hay unos ejemplos de implementación , incluyendo menús anidados .

- -
-

Ejemplo

- -

 

- -
<body contextmenu="share">
-  <menu type="context" id="share">
-    <menu label="share">
-      <menuitem label="Twitter" onclick="window.open('https://twitter.com/intent/tweet?text=Hurra! Estos aprendiendo sobre ContextMenuI en MDN a través de Mozilla ');"></menuitem>
-      <menuitem label="Facebook" onclick="window.open('https://facebook.com/sharer/sharer.php?u=https://https://developer.mozilla.org/en/HTML/Element/Using_HTML_context_menus');"></menuitem>
-    </menu>
-  </menu>
-  <ol>
-    <li>En cualquier parte del ejemplo puedes compartir la página en twitter y Facebook usando el menú de compartir de tu menú contextual.</li>
-    <li><pre contextmenu="changeFont" id="fontSizing">En este elemento específico de la lista , puedes cambiar el tamaño del texto usando  las acciones "Incremenrar/Decrementar" de tu menú contextual ./pre></li>
-    <menu type="context" id="changeFont">
-      <menuitem label="Increase Font" onclick="incFont()"></menuitem>
-      <menuitem label="Decrease Font" onclick="decFont()"></menuitem>
-    </menu>
-    <li contextmenu="ChangeImage" id="changeImage">En la imagen de abajo , puedes accionar la accion "Cambio de Imagen " en tu menú contextual .</li><br />
-    <img src="https://developer.mozilla.org/media/img/promote/promobutton_mdn5.png" contextmenu="ChangeImage" id="promoButton" />
-    <menu type="context" id="ChangeImage">
-      <menuitem label="Change Image" onclick="changeImage()"></menuitem>
-    </menu>
-  </ol>
-</body>
-
- -

en conjunto con este Javascript

- -
function incFont(){
-  document.getElementById("fontSizing").style.fontSize="larger";
-}
-function decFont(){
-  document.getElementById("fontSizing").style.fontSize="smaller";
-}
-function changeImage(){
-  var j = Math.ceil((Math.random()*39)+1);
-  document.images[0].src="https://developer.mozilla.org/media/img/promote/promobutton_mdn" + j + ".png";
-}
- -

resulta en :

- -
{{EmbedLiveSample("ContextMenu_Example",550,200)}}
-
- -

Especificaciones

- - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', "forms.html#attr-contextmenu", "contextmenu")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "interactive-elements.html#context-menus", "contextmenu")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, definición inicial.
- -

Compatibilidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísiticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatNo }}{{ CompatGeckoDesktop(9) }}{{ CompatNo }}{{ CompatNo }}{{ CompatNo }}
-
- -
- - - - - - - - - - - - - - - - - - - - -
CaracterísticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatNo }}{{ CompatNo }}{{ CompatGeckoDesktop(20) }}{{ CompatNo }}{{ CompatNo }}
-
- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/data-_star_/index.html b/files/es/web/html/atributos_globales/data-_star_/index.html deleted file mode 100644 index 436b156299..0000000000 --- a/files/es/web/html/atributos_globales/data-_star_/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: data-* -slug: Web/HTML/Atributos_Globales/data-* -translation_of: Web/HTML/Global_attributes/data-* ---- -

{{HTMLSidebar("Global_attributes")}}

- -

Los atributos globales data-* forman una clase de atributos , llamados atributos de datos modificables , permite a la información propietaria ser intercambiada entre el HTML y su representación en el DOM que puede ser usada por scripts . Todos esos datos modificables están disponibles a través de la interface del elemento {{domxref("HTMLElement")}} , el atributo se establece encendido . La propiedad  {{domxref("HTMLElement.dataset")}} otorga acceso a ellos . 

- -

El * puede ser remplazado por cualquier nombre siguiedo las reglas de producción de nombres xml con las siguientes restricciones :

- - - -

Notar que la propiedad {{domxref("HTMLElement.dataset")}} es un {{domxref("StringMap")}} y que el nombre del atributo de datos modificabledata-test-value será accesible a través de HTMLElement.dataset.testValue como cualquier guión  (U+002D) es reemplazado por la versión en mayúscula de la siguiente letra (camelcase) . 

- - - -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes", "data-*")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes", "data-*")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, sin cambio desde {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes", "data-*")}}{{Spec2('HTML5 W3C')}}Snapshot de   {{SpecName('HTML WHATWG')}}, definición inicial.
- -

Compatibilidad en exploradores 

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatGeckoDesktop(6) }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísiticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatGeckoMobile(6) }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -

- -

Ver también 

- - diff --git a/files/es/web/html/atributos_globales/dir/index.html b/files/es/web/html/atributos_globales/dir/index.html deleted file mode 100644 index 4bcd43eb40..0000000000 --- a/files/es/web/html/atributos_globales/dir/index.html +++ /dev/null @@ -1,122 +0,0 @@ ---- -title: dir -slug: Web/HTML/Atributos_Globales/dir -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/dir ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El atributo global dir es un atributo enumerado que indica la direccionalidad del texto de los elementos . Puede tener los siguientes valores : 

- - - -
-

Notas de uso

- -

Este atributo es obligatorio para el elemento  {{ HTMLElement("bdo") }} donde este tiene un significado semántico diferente.

- - -
- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "dom.html#the-dir-attribute", "dir")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "dom.html#the-dir-attribute", "dir")}}{{Spec2('HTML5.1')}}Snapshot de  {{SpecName('HTML WHATWG')}}, sin cambio desde  {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "dom.html#the-dir-attribute", "dir")}}{{Spec2('HTML5 W3C')}}Snapshot de {{SpecName('HTML WHATWG')}}, desde  {{SpecName('HTML4.01')}} añadió el valor auto y ahora es un verdadero atributo global .
{{SpecName('HTML4.01', "dirlang.html#h-8.2", "dir")}}{{Spec2('HTML4.01')}}Soportado en todos los elementos pero no en {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, y {{HTMLElement("script")}}.
- -

Compatibilidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracteristicaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísiticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -

See also

- - diff --git a/files/es/web/html/atributos_globales/draggable/index.html b/files/es/web/html/atributos_globales/draggable/index.html deleted file mode 100644 index 2aee2d8443..0000000000 --- a/files/es/web/html/atributos_globales/draggable/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: draggable -slug: Web/HTML/Atributos_Globales/draggable -tags: - - Atributos globales - - Experimental - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/draggable ---- -

{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}

- -

El atributo global draggable es un atributo enumerado que indica si el elemento puede ser arrastrado , usando el {{domxref("HTML_Drag_and_Drop_API","HTML Drag and Drop API")}} . Puede tener los siguientes valores :

- - - -

Si este atriuto no se establece , su valor por default es auto , significando que el comportamiento debe de ser el definido por default en el explorador .

- -

Este es un atributo enumerado  y no uno booleano . Esto signigica que el uso explícito de uno de los valores true o false es obligatorio y que una declaración como <label draggable>Example Label</label> no está permitida . El uso correcto es  <label draggable="true">Example Label</label>.

- -

Por default , unicamente el texto , las imagenes y los vínculos pueden ser arrastrados . Para todos los demás elementos el evento {{domxref('GlobalEventHandlers.ondragstart','ondragstart')}}  debe de ser establecido para el mecanismo de arrastrar y soltar para que funcione , como se muestra en este ejemplo .

- -

 

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "interaction.html#the-draggable-attribute", "draggable")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "editing.html#the-draggable-attribute", "draggable")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, definición inicial .
- -

Compatibilidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísiticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatGeckoDesktop("1.8.1") }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísiticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatGeckoMobile("1.8.1") }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -

 

- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/dropzone/index.html b/files/es/web/html/atributos_globales/dropzone/index.html deleted file mode 100644 index 27abb8f133..0000000000 --- a/files/es/web/html/atributos_globales/dropzone/index.html +++ /dev/null @@ -1,99 +0,0 @@ ---- -title: dropzone -slug: Web/HTML/Atributos_Globales/dropzone -tags: - - Atributos globales - - Experimental - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/dropzone ---- -

{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}

- -

El atributo global dropzone es un atributo enumerado que indica qué los tipos de contenido pueden ser soltados en un elemento , usando la API Drag and Drop . Pueden tener los siguientes valores :

- - - -

Especificaciones

- - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "interaction.html#the-dropzone-attribute", "dropzone")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "editing.html#the-dropzone-attribute", "dropzone")}}{{Spec2('HTML5.1')}}Snapshot de  {{SpecName('HTML WHATWG')}}, definición inicial .
- -

Compatibilidad en exploradores 

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísiticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico {{ CompatUnknown() }}{{ CompatNo }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CataracterísticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatUnknown() }}{{ CompatUnknown}}{{ CompatNo }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -

Ver también 

- - diff --git a/files/es/web/html/atributos_globales/hidden/index.html b/files/es/web/html/atributos_globales/hidden/index.html deleted file mode 100644 index bc29d88b5a..0000000000 --- a/files/es/web/html/atributos_globales/hidden/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: hidden -slug: Web/HTML/Atributos_Globales/hidden -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/hidden ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El atributo global hidden es un atributo Booleano que indica que el elemento todavía no está , o ya no es relevante . Por ejemplo , puede ser usado para ocultar elelementos de la página que no pueden ser usados hasta que el proceso de login se haya completado . El explorador no dibujará dichos elementos .

- -

Esta atributo no debe de usarse para ocultar contenido que pudera ser legítimamente mostrado . Por ejemplo , no debe de ser usado para ocultar paneles de pestañas o una interfaz con pestañas , ya que esta es una decisión de estilo y otro estilo mostrandolos lo llevaría a una página perfectamente mostrada .

- -

Los elementos ocultos no deben de ser vinculados desde elementos no ocultos y elementos que son descendientes de un elemento oculto todavía activo ;  lo que significa que los elementos del script pueden todavía ejecutarse y los elementos de formulario pueden todavía enviarse .

- -
-

Nota:  Cambiando el valor de la propiedad CSS {{cssxref("display")}} de un elemento con el atributo hidden  sobrecarga el comportamiento . For ejemplo , un elemeneto diseñado display : flex será mostrado en la pantalla independientemente de que el atributo hidden esté presente .

-
- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "interaction.html#the-hidden-attribute", "hidden")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML WHATWG', "rendering.html#hiddenCSS", "Hidden elements")}}{{Spec2('HTML WHATWG')}} -

Define el dibujado por default sugerido del atributo hidden usando CSS

-
{{SpecName('HTML5.1', "editing.html#the-hidden-attribute", "hidden")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, definición inicial
- -

Compatibilidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatGeckoDesktop("2") }}11{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico4{{ CompatVersionUnknown() }}{{ CompatGeckoMobile("2") }}11{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -

Ver también 

- - diff --git a/files/es/web/html/atributos_globales/id/index.html b/files/es/web/html/atributos_globales/id/index.html deleted file mode 100644 index 3dd947cf27..0000000000 --- a/files/es/web/html/atributos_globales/id/index.html +++ /dev/null @@ -1,113 +0,0 @@ ---- -title: id -slug: Web/HTML/Atributos_Globales/id -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/id ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El atributo global id define un identificador único (ID) el cual no debe repetirse en todo el documento. Su propósito es identificar el elemento al vincularlo (usando un identificador de fragmento), en scripts u hojas de estilo (con CSS).

- -

El valor de este atributo es una cadena de caracteres opaca: es decir,  el autor del sitio no debe usarlo para proporcionar información. De forma particular, en sentido semántico por ejemplo, no debe ser derivado de la misma cadena.

- -

El valor de este atributo no debe contener espacios en blanco. Los navegadores tratan los IDs que contienen espacios en blanco como si los espacios fueran parte del ID. En contraste con el atributo class, el cual permite valores separados por espacios, los elementos pueden tener sólo un ID definido mediante el atributo ID. Tenga en cuenta que un elemento puede tener muchos ID, pero los demás deben ser definidos de otra forma, como por medio de un script interactuando con el DOM.

- -
-

Nota: El uso de caracteres a excepción de letras en ASCII, dígitos, '_', '-' y '.' pueden ocasionar problemas de compatibilidad, por no ser permitidos en HTML 4. A pesar de que esta limitación ha sido removida en HTML 5, un ID debe iniciar con una letra para asegurar la compatibilidad.

-
- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', "dom.html#the-id-attribute", "id")}}{{Spec2('HTML WHATWG')}}Sin cambios desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "dom.html#the-id-attribute", "id")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, sin cambios de {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "dom.html#the-id-attribute", "id")}}{{Spec2('HTML5 W3C')}}Snapshot de {{SpecName('HTML WHATWG')}}, ahora acepta '_', '-' and '.' si no se encuentra al principio del id. También es un atributo global verdadero.
{{SpecName('HTML4.01', 'struct/global.html#adef-id', 'id')}}{{Spec2('HTML4.01')}}Soportado en todos los elementos a excepción de {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, y {{HTMLElement("title")}}.
- -

Compatibilidad en navegadores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
AtributoChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}[1]{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
AtributoAndroidChrome para AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}[1]{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -

[1] class es un atributo global verdadero desde Firefox 32.

- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/index.html b/files/es/web/html/atributos_globales/index.html deleted file mode 100644 index 86769245c6..0000000000 --- a/files/es/web/html/atributos_globales/index.html +++ /dev/null @@ -1,199 +0,0 @@ ---- -title: Atributos globales -slug: Web/HTML/Atributos_Globales -tags: - - Atributos globales - - HTML - - Referencia - - Web -translation_of: Web/HTML/Global_attributes ---- -
{{HTMLSidebar("Atributos_globales")}}
- -

Los atributos globales son atributos comunes a todos los elementos HTML; se pueden usar en todos los elementos, aunque es posible que no tengan ningún efecto en algunos elementos.

- -

Los atributos globales se pueden especificar en todos los {{web.link("/es/docs/Web/HTML/Element", "elementos HTML")}}, incluso aquellos no especificados en el estándar. Eso significa que cualquier elemento no estándar debe permitir estos atributos, aunque el uso de esos elementos significa que el documento ya no es compatible con HTML5. Por ejemplo, los navegadores compatibles con HTML5 ocultan el contenido marcado como <foo hidden>...</foo>, aunque <foo> no sea un elemento HTML válido.

- -

Además de los atributos globales HTML básicos, también existen los siguientes atributos globales:

- - - -

Lista de atributos globales

- -
-
{{web.link("/es/docs/Web/HTML/Global_attributes/accesskey", "accesskey")}}
-
Proporciona una pista para generar un atajo de teclado para el elemento actual. Este atributo consta de una lista de caracteres separados por espacios. El navegador debe utilizar el primero que exista en la distribución del teclado del ordenador.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/autocapitalize", "autocapitalize")}}
-
Controla si la entrada de texto se pone en mayúsculas automáticamente a medida que el usuario la introduce o edita. Puede tener los siguientes valores: -
    -
  • off o none, no se aplica capitalización automática (todas las letras están predeterminadas en minúsculas)
    • -
  • on o sentences, la primera letra de cada oración de manera predeterminada tiene una letra mayúscula; todas las demás letras están predeterminadas en minúsculas
    • -
  • words, la primera letra de cada palabra de manera predeterminada tiene una letra mayúscula; todas las demás letras están predeterminadas en minúsculas
    • -
  • characters, todas las letras de manera predeterminada deben estar en mayúsculas
    • -
-
-
{{web.link("/es/docs/Web/HTML/Global_attributes/class", "class")}}
-
Una lista separada por espacios de las clases del elemento. Las clases permiten que CSS y JavaScript seleccionen y accedan a elementos específicos a través de los {{web.link("/es/docs/Web/CSS/Class_selectors", "selectores de clase")}} o funciones como el método {{DOMxRef("document.getElementsByClassName()")}}.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/contenteditable", "contenteditable")}}
-
Un atributo enumerado que indica si el usuario debe poder editar el elemento. Si es así, el navegador modifica su «widget» para permitir la edición. El atributo debe tomar uno de los siguientes valores: -
    -
  • true o la cadena vacía, la cual indica que el elemento debe ser editable;
    • -
  • false, el cual indica que el elemento no debe ser editable.
    • -
-
-
{{web.link("/es/docs/Web/HTML/Global_attributes/contextmenu", "contextmenu")}} {{Obsolete_Inline}}
-
El {{anch("attr-id", "id")}} de un {{HTMLElement ("menu")}} para usar como el menú contextual para este elemento.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/data-*", "data-*")}}
-
Forma una clase de atributos, denominados atributos de datos personalizados, que permiten el intercambio de información de propiedad entre el {{web.link("/es/docs/Web/HTML", "HTML")}} y su representación {{Glossary("DOM")}} que pueden utilizar los scripts. Todos estos datos personalizados están disponibles a través de la interfaz {{DOMxRef("HTMLElement")}} del elemento en el que está configurado el atributo. La propiedad {{DOMxRef("HTMLElement.dataset")}} les da acceso.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/dir", "dir")}}
-
Un atributo enumerado que indica la direccionalidad del texto del elemento. Puede tener los siguientes valores: -
    -
  • ltr, que significa de izquierda a derecha y s debe usar para idiomas que se escriben de izquierda a derecha (tal como el Español);
    • -
  • rtl, que significa de derecha a izquierda y se utiliza para idiomas que se escriben de derecha a izquierda (tal como el Árabe);
    • -
  • auto, permite que el agente de usuario decida. Utiliza un algoritmo básico ya que analiza los caracteres dentro del elemento hasta que encuentra un carácter con una direccionalidad fuerte, luego aplica esa direccionalidad a todo el elemento.
    • -
-
-
{{web.link("/es/docs/Web/HTML/Global_attributes/draggable", "draggable")}}
-
Un atributo enumerado que indica si el elemento se puede arrastrar mediante la {{web.link("/es/docs/DragDrop/Drag_and_Drop", "API de arrastrar y soltar")}}. Puede tener los siguientes valores: -
    -
  • true, indica que el elemento se puede arrastrar
    • -
  • false, indica que el elemento no se puede arrastrar.
    • -
-
-
{{web.link("/es/docs/Web/HTML/Global_attributes/dropzone", "dropzone")}} {{deprecated_inline}}
-
Un atributo enumerado que indica qué tipos de contenido se pueden colocar en un elemento, utilizando la {{web.link("/es/docs/DragDrop/Drag_and_Drop", "API de arrastrar y soltar")}}. Puede tener los siguientes valores: -
    -
  • copy, indica que soltar creará una copia del elemento que se arrastró
    • -
  • move, indica que el elemento que se arrastró se moverá a esta nueva ubicación.
    • -
  • link, creará un enlace a los datos arrastrados.
    • -
-
-
{{web.link("/es/docs/Web/HTML/Global_attributes/exportparts", "exportparts")}} {{Experimental_Inline}}
-
Se utiliza para exportar de forma transitiva partes de sombras de un árbol de sombras anidado a un árbol contenedor de luz.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/hidden", "hidden")}}
-
Un atributo booleano indica que el elemento aún no es o ya no es relevante. Por ejemplo, se puede utilizar para ocultar elementos de la página que no se pueden utilizar hasta que se haya completado el proceso de inicio de sesión. El navegador no representará tales elementos. Este atributo no se debe utilizar para ocultar contenido que se podría mostrar legítimamente.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/id", "id")}}
-
Define un identificador (ID) único que debe ser único en todo el documento. Su propósito es identificar el elemento al vincularlo (usando un identificador de fragmento), al escribir un script o al aplicarle estilo (con CSS).
-
{{web.link("/es/docs/Web/HTML/Global_attributes/inputmode", "inputmode")}}
-
Proporciona una pista a los navegadores sobre el tipo de configuración de teclado virtual que se debe utilizar al editar este elemento o su contenido. Se usa principalmente en elementos {{HTMLElement("input")}}, pero se puede usar en cualquier elemento mientras esté en modo {{HTMLAttrxRef("contenteditable")}}.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/is", "is")}}
-
Te permite especificar que un elemento HTML estándar se debe comportar como un elemento integrado personalizado registrado (consulta {{web.link("/es/docs/Web/Web_Components/Using_custom_elements", "Uso de elementos personalizados")}} para obtener más detalles).
-
- -
-

Nota: Los atributos item* son parte de Función de microdatos HTML de WHATWG.

-
- -
-
{{web.link("/es/docs/Web/HTML/Global_attributes/itemid", "itemid")}}
-
El identificador único y global de un artículo.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/itemprop", "itemprop")}}
-
Se usa para agregar propiedades a un elemento. Se puede especificar a cada elemento HTML un atributo itemprop, donde un itemprop consiste en un par de nombre y valor.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/itemref", "itemref")}}
-
Las propiedades que no son descendientes de un elemento con el atributo itemscope se pueden asociar con el elemento usando un itemref. Proporciona una lista de IDs de elementos (no itemids) con propiedades adicionales en otras partes del documento.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/itemscope", "itemscope")}}
-
itemscope (normalmente) funciona junto con {{HTMLAttrxRef("itemtype")}} para especificar que el HTML contenido en un bloque es sobre un elemento en particular. itemscope crea el «Item» y define el alcance del itemtype asociado con él. itemtype es una URL válida de un vocabulario (tal como schema.org) que describe el elemento y las propiedades de su contexto.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/itemtype", "itemtype")}}
-
Especifica la URL del vocabulario que se utilizará para definir itemprops (propiedades del elemento) en la estructura de datos. {{HTMLAttrxRef("itemscope")}} se utiliza para establecer el alcance de la estructura de datos en la que estará activo el vocabulario establecido por itemtype.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/lang", "lang")}}
-
Ayuda a definir el idioma de un elemento: el idioma en el que se encuentran los elementos no editables o el idioma en el que el usuario debe escribir los elementos editables. El atributo contiene una “etiqueta de idioma” (compuesta de “subetiquetas de idioma” separadas por guiones) en el formato definido en Etiquetas para identificar idiomas (BCP47). {{anch("attr-xml:lang", "xml:lang")}} tiene prioridad sobre él.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/part", "part")}}
-
Una lista separada por espacios de los nombres de las partes del elemento. Los nombres de las partes permiten que CSS seleccione y aplique estilo a elementos específicos en la sombra de un árbol mediante el pseudoelemento {{CSSxRef("::part")}}.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/slot", "slot")}}
-
Asigna un espacio en la sombra de un árbol {{web.link("/es/docs/Web/Web_Components/Shadow_DOM", "DOM de sombra")}} a un elemento: Un elemento con un atributo slot es asignado al espacio creado por el elemento {{HTMLElement("slot")}} cuyo valor del atributo {{HTMLAttrxRef("name", "slot")}} coincide con el valor del atributo slot.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/spellcheck", "spellcheck")}}
-
Un atributo enumerado define si se puede verificar el elemento para detectar errores ortográficos. Puede tener los siguientes valores: -
    -
  • true, el cual indica que, si es posible, el elemento se debe revisar para detectar errores ortográficos;
    • -
  • false, indica que el elemento no se debe revisar para detectar errores ortográficos.
    • -
-
-
{{web.link("/es/docs/Web/HTML/Global_attributes/style", "style")}}
-
Contiene declaraciones de estilo {{web.link("/en-US/docs/Web/CSS", "CSS")}} que se aplicarán al elemento. Ten en cuenta que se recomienda que los estilos se definan en un archivo o archivos separados. Este atributo y el elemento {{HTMLElement("style")}} principalmente tienen el propósito de permitir un estilo rápido, por ejemplo, con fines de prueba.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/tabindex", "tabindex")}}
-
Un atributo entero que indica si el elemento puede tomar el foco de entrada (es enfocable), si debe participar en la navegación secuencial del teclado y, de ser así, en qué posición. Puede tomar varios valores: -
    -
  • un valor negativo significa que el elemento se debe poder enfocar, pero no debe ser accesible mediante la navegación secuencial del teclado;
    • -
  • 0 significa que el elemento se debe poder enfocar y ser accesible a través de la navegación secuencial del teclado, pero su orden relativo está definido por la convención de la plataforma;
    • -
  • un valor positivo significa que el elemento se debe poder enfocar y ser accesible mediante la navegación secuencial del teclado; el orden en el que se enfocan los elementos es el valor creciente del {{anch("attr-tabindex", "tabindex")}}. Si varios elementos comparten el mismo tabindex, su orden relativo sigue sus posiciones relativas en el documento.
    • -
-
-
{{web.link("/es/docs/Web/HTML/Global_attributes/title", "title")}}
-
Contiene un texto que representa información de advertencia relacionada con el elemento al que pertenece. Normalmente, pero no necesariamente, dicha información se puede presentar al usuario como información sobre herramientas.
-
{{web.link("/es/docs/Web/HTML/Global_attributes/translate", "translate")}} {{Experimental_Inline}}
-
Un atributo enumerado que se utiliza para especificar si los valores de atributo de un elemento y los valores de sus hijos de nodo {{DOMxRef("Text")}} se deben traducir cuando la página está localizada, o si se deben dejar sin cambios. Puede tener los siguientes valores: -
    -
  • la cadena vacía y yes, indican que el elemento se traducirá.
    • -
  • no, lo cual indica que el elemento no se traducirá.
    • -
-
-
- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstadoComentario
{{SpecName("HTML WHATWG", "dom.html#global-attributes", "Atributos globales")}}{{Spec2("HTML WHATWG")}}
{{SpecName("CSS Shadow Parts", "#exposing")}}{{Spec2("CSS Shadow Parts")}}Se agregaron los atributos globales part y exportparts.
{{SpecName("HTML5.2", "dom.html#global-attributes", "Atributos globales")}}{{Spec2("HTML5.2")}}Instantánea de {{SpecName("HTML WHATWG")}}. De {{SpecName("HTML5.1")}}, se han añadido itemid, itemprop, itemref, itemscope y itemtype.
{{SpecName("HTML5.1", "dom.html#global-attributes", "Atributos globales")}}{{Spec2("HTML5.1")}}Instantánea de {{SpecName("HTML WHATWG")}}. De {{SpecName("HTML5 W3C")}}, ha sido añadido contextmenu, draggable, dropzone y spellcheck.
{{SpecName("HTML5 W3C", "dom.html#global-attributes", "Atributos globales")}}{{Spec2("HTML5 W3C")}}Instantánea de {{SpecName("HTML WHATWG")}}. De {{SpecName("HTML4.01")}}, se introduce el concepto de atributos globales y dir, lang, style, id, class, tabindex, accesskey, y title ahora son verdaderos atributos globales.
- xml:lang que inicialmente formaba parte de XHTML, ahora también forma parte de HTML.
- Se han agregado hidden, data-*, contenteditable y translate.
{{SpecName("HTML4.01")}}{{Spec2("HTML4.01")}}No hay atributos globales definidos. Varios atributos que se convertirán en atributos globales en especificaciones posteriores se definen en un subconjunto de elementos.
- class y style son compatibles con todos los elementos excepto {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} y {{HTMLElement("title")}}.
- dir es compatible con todos los elementos excepto {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}} y {{HTMLElement("script")}}.
- id es compatible con todos los elementos excepto {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} y {{HTMLElement("title")}}.
- lang es compatible con todos los elementos excepto {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}} y {{HTMLElement("script")}}.
- tabindex solo es compatible con {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}} y {{HTMLElement("textarea")}}.
- accesskey solo es compatible con {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("input")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}} t {{HTMLElement("textarea")}}.
- title es compatibles con todos los elementos excepto {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}} y {{HTMLElement("title")}}.
- -

Compatibilidad del navegador

- - - -

{{Compat("html.global_attributes")}}

- -

Ve también

- - diff --git a/files/es/web/html/atributos_globales/is/index.html b/files/es/web/html/atributos_globales/is/index.html deleted file mode 100644 index aa57cab27d..0000000000 --- a/files/es/web/html/atributos_globales/is/index.html +++ /dev/null @@ -1,67 +0,0 @@ ---- -title: is -slug: Web/HTML/Atributos_Globales/is -tags: - - Atributos globales - - HTML - - Referencia - - is -translation_of: Web/HTML/Global_attributes/is ---- -
{{HTMLSidebar("Global_attributes")}}
- -

La construcción is global attribute permite especificar que un elemento HTML estándar se debería comportar como un elemento personalizado provisto originalmente por el lenguaje (para más detalles, vea Utilizando elementos personalizados).

- -

Este atributo puede ser utilizado sólo si nombre del elemento personalizado especificado ha sido definido extósamente en el documento actual, y extiende el tipo de elemento al que está siendo aplicado.

- -

Ejemplos

- -

El siguiente código fue tomado de nuestro ejemplo word-count-web-component (véalo también en vivo).

- -
// Crea una clase para el elemento
-class WordCount extends HTMLParagraphElement {
-  constructor() {
-    // Siempre llamar a super al comienzo del constructor
-    super();
-
-    // Contenido del constructor omitido para mayor brevedad
-    ...
-
-  }
-}
-
-// Define el nuevo elemento
-customElements.define('word-count', WordCount, { extends: 'p' });
- -
<p is="word-count"></p>
- -

Especificaciones

- - - - - - - - - - - - - - -
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', "custom-elements.html#attr-is", "is")}}{{Spec2('HTML WHATWG')}} 
- -

Compatibilidad de navegadores

- - - -

{{Compat("html.global_attributes.is")}}

- -

Vea también

- - - -

 

diff --git a/files/es/web/html/atributos_globales/itemid/index.html b/files/es/web/html/atributos_globales/itemid/index.html deleted file mode 100644 index 72ce64456e..0000000000 --- a/files/es/web/html/atributos_globales/itemid/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: itemid -slug: Web/HTML/Atributos_Globales/itemid -translation_of: Web/HTML/Global_attributes/itemid ---- -

Resumen

- -

El atributo Itemid es un identificador global y único de un item.

- -

Los atributos Itemid attributes sólo se pueden especificar en elmentos que tiene atributos tanto de itemscope como itemtype. Además, el itemid sólo puede ser especficiado en elemento con un atributo itemscope cuyo correspondiente itemtype hace referencia o define un vocabulario que soporte identificadores globales.

- -

Un vocabulario de itemtype nos proporcionará el significado exacto de un identificador global definido dentro del vocabulario. El vocabulario definirá si varios item con el mismo identificador global puede co-existir y, si están permitidos, cómo item con el mismo identificador son gestionados.

- -

Nota: La definición de  itemid hecha por Whatwg.org dice que debe ser una URL. No parece que sea el caso de el ejemplo que se muestra más abajo. Sin embargo la definición de facto es que un itemid es un identificador único, así que los apropiado es URB. Esta inconsistencia refleja sin dudarlo la naturaleza incompleta de la espeficicación Microdata.

- -

Ejemplo

- -

HTML

- -
<dl itemscope
-    itemtype="http://vocab.example.net/book"
-    itemid="urn:isbn:0-330-34032-8">
-<dt>Título <dd itemprop="titulo">The Reality Dysfunction
-<dt>Autor <dd itemprop="autor">Peter F. Hamilton
-<dt>Fecha de publicación
-<dd><time itemprop="fechapublicacion" datetime="26-01-1996">26 Enero 1996</time> </dl>
- -

Datos estructurados

- - - - - - - - - - - - - - - - - - - - - - - - -
itemscopeitemtype: itemid -
http://vocab.example.net/book: urn:isbn:0-330-34032-8
-
itemproptituloThe Reality Dysfunction
itempropautor -
Peter F. Hamilton
-
itempropfechapublicacion26-01-1996
- -

Resultado

- -

{{ EmbedLiveSample('HTML', '', '', '', 'Web/HTML/Global_attributes/itemid') }}

- -

Especificaciones

- - - - - - - - - - - - - - -
EspecificaciónEstad
itemidNota WG - No está siendo ya activamente desarrollado.
diff --git a/files/es/web/html/atributos_globales/itemprop/index.html b/files/es/web/html/atributos_globales/itemprop/index.html deleted file mode 100644 index 232af938aa..0000000000 --- a/files/es/web/html/atributos_globales/itemprop/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: itemprop -slug: Web/HTML/Atributos_Globales/itemprop -tags: - - atributo - - metatag -translation_of: Web/HTML/Global_attributes/itemprop ---- -

Podemos dar más información al motor de búsqueda acerca de imágenes o datos adentro de cualquier tipo de etiquetas , como las propiedades : actores , clasificación ,genero . Para etiquetar las propiedades de un elemento , usa el atributo itemprop . Por ejemplo , para identificar al actor de una película añadir itemprop="director" al elemento que encierra el nombre del director.

- -

Aquí hay un ejemplo .

- -
<div itemscope itemtype="http://schema.org/Movie">
-  <h1 itemprop="name">Avatar</h1>
-  <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span>
-  <span itemprop="genre">Ciencia ficcion</span>
-  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
-</div>
- -

 

- -

             Para más información acerca de los atributos relacionados consultar  https://schema.org/docs/gs.html

diff --git a/files/es/web/html/atributos_globales/itemref/index.html b/files/es/web/html/atributos_globales/itemref/index.html deleted file mode 100644 index 9dac55140b..0000000000 --- a/files/es/web/html/atributos_globales/itemref/index.html +++ /dev/null @@ -1,106 +0,0 @@ ---- -title: itemref -slug: Web/HTML/Atributos_Globales/itemref -translation_of: Web/HTML/Global_attributes/itemref ---- -

Resumen

- -

Las propiedades que no son descendientes de un elemento con el atributo itemscope pueden ser asociadas con el elemento usando un itemref . Itemref provee una lista de ids de los elementos (no itemids) con propiedades adicionales en otras partes dentro del documento .

- -

El atributo itemref puede ser solo especificado en elementos que tienen un atributo itemscope especificado .

- -

Nota: el atributo itemref no es parte del modelo de micro datos . Es solamente un constructor sintáctico que ayuda a los autores en el ingreso de anotaciones a las páginas donde los datos que se van a anotar no siguen una estructura de arbol conveniente . Por ejemplo , permite a los autores marcar los datos en una tabla para que cada columna defina un item separado mientras se mantienen las propiedades en las celdas .

- -
-

Ejemplo

- -

HTML

- -
-
<div itemscope id="amanda" itemref="a b"></div>
-<p id="a">Name: <span itemprop="name">Amanda</span> </p>
-<div id="b" itemprop="band" itemscope itemref="c"></div>
-<div id="c">
-    <p>Band: <span itemprop="name">Jazz Band</span> </p>
-    <p>Size: <span itemprop="size">12</span> players</p>
-</div>
-
-
- -
-

Datos estructurados 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
id'sitemscopeitemref (nombre de itemprop )(valor de itemprop)
id=amandaitemscopeitemref=a,b   
id=a  itempropnameAmanda
id=bitemscopeitemref=c band 
id=c  itempropBandJazz Band
  itempropSize12
- -

Resultado

- -

{{ EmbedLiveSample('Example', '', '', '', 'Web/HTML/Global_attributes/itemref') }}

- -

EspecificaciónEditEdit

- - - - - - - - - - - - - - -
EspecificaciónEstatus
itemrefNota WG  - No se encuentra activamente en desarrollo
-
-
diff --git a/files/es/web/html/atributos_globales/itemscope/index.html b/files/es/web/html/atributos_globales/itemscope/index.html deleted file mode 100644 index b57fc1c6bc..0000000000 --- a/files/es/web/html/atributos_globales/itemscope/index.html +++ /dev/null @@ -1,284 +0,0 @@ ---- -title: itemscope -slug: Web/HTML/Atributos_Globales/itemscope -tags: - - Ejemplo - - itemscope - - itemtype -translation_of: Web/HTML/Global_attributes/itemscope ---- -
{{HTMLSidebar("Global_attributes")}}
- -

itemscope es un atributo global booleano que define el scope asociado del metadata. Especificando el atributo itemscope en un elemento crea un nuevo item, cuyos resultados estan en los numeros de pares name-value asociados con el elemento. Un atributo relativo, {{htmlattrxref("itemtype")}}, es usado para especificar el URL valido de un medio/recipe (como lo es schema.org) que describe que el item es de propiedad contextual. En cada uno de los siguientes ejemplos, el medio/recipe es de schema.org.

- -

Todos los elementos HTML pueden tener un atributo itemscope especifico. Un elemento itemscope no tiene un asociado itemtype pero tiene un sociado itemref.

- -
-

Nota: Encuentra mas acerca del atributo itemtype en http://schema.org/Thing

-
- -

Ejemplo simple

- -

HTML

- -

El siguiente ejemplo especifica que el atributo itemscope. El ejemplo especificado en el itemtype es "http://schema.org/Movie", y especifica tres atributos itemprop relativos.

- -
<div itemscope itemtype="http://schema.org/Movie">
-  <h1 itemprop="nombre">Avatar</h1>
-  <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span>
-  <span itemprop="genero">Ciencia ficcion</span>
-  <a href="https://youtu.be/0AY1XIkX7bY" itemprop="trailer">Trailer</a>
-</div>
-
- -

 

- -

Esctructura de informacion

- -

La siguiente tabla muestran los datos esctructurados mostrados en el anterior ejemplo.

- -

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
itemscopeItemtypeMovie
itemprop(itemprop name)(itemprop value)
itempropdirectorJames Cameron
itempropgeneroCiencia Ficcion
itempropnombreAvatar
itemprophttps://youtu.be/0AY1XIkX7bYTrailer
- -

itemscope Atributos ID

- -

Cuando especificas el atributo itemscope para un elemento, un nuevo item es creado. El item consiste de un grupo de pares de name-value. Para elementos con un atributo itemscope y un atributo itemtype, podrias tambien especificar un {{htmlattrxref("id")}} attribute. Puedes usar el atributo id para establecer un identificador global para el nuevo item. Un identificador global permite que los items relativos a otros items encuentren paginas atraves de la Web.

- -

Ejemplo

- -

Hay 4 atributos itemscope en el siguiente ejemplo. Cada atributo itemscope establecen el scope correspondiente a sus atributos itemtype. El itemtypes, Recipe, AggregateRating, y NutritionInformation en el siguiente ejemplo son parte de la informacion estructura por medio de schema.org, se especifico el primer itemtype, http://schema.org/Recipe.

- -
<div itemscope itemtype="http://schema.org/Recipe">
-<h2 itemprop="name">Grandma's Holiday Apple Pie</h2>
-<img itemprop="image" src="https://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg" width="50" height="50"/>
-<p>By <span itemprop="author" itemscope itemtype="http://schema.org/Person">
-<span itemprop="name">Carol Smith</p></span>
-</span>
-<p>Published: <time datetime="2009-11-05" itemprop="datePublished">
-November 5, 2009</p></time>
-<span itemprop="description">This is my grandmother's apple pie recipe. I like to add a dash of nutmeg.<br></span>
- <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
- <span itemprop="ratingValue">4.0</span> stars based on <span itemprop="reviewCount">35</span> reviews<br></span>
-Prep time: <time datetime="PT30M" itemprop="prepTime">30 min<br></time>
- Cook time: <time datetime="PT1H" itemprop="cookTime">1 hour<br></time>
- Total time: <time datetime="PT1H30M" itemprop="totalTime">1 hour 30 min<br></time>
- Yield: <span itemprop="recipeYield">1 9" pie (8 servings)<br></span>
- <span itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation">
- Serving size: <span itemprop="servingSize">1 medium slice<br></span>
- Calories per serving: <span itemprop="calories">250 cal<br></span>
- Fat per serving: <span itemprop="fatContent">12 g<br></span>
-</span>
-<p>Ingredients:<br>
-  <span itemprop="recipeIngredient">Thinly-sliced apples: 6 cups<br></span>
-  <span itemprop="recipeIngredient">White sugar: 3/4 cup<br></span>
- ... </p>
-
-Directions: <br>
-  <div itemprop="recipeInstructions">
-    1. Cut and peel apples<br>
-    2. Mix sugar and cinnamon. Use additional sugar for tart apples. <br>
-    ...
-  </div>
-</div>
- -

Resultados

- -

HTML

- -

Los siguientes son un ejemplo renderizado resultado del codigo del anterior ejemplo.

- -

{{EmbedLiveSample('Example', '500', '550', '', 'Web/HTML/Global_attributes/itemscope')}}

- -

Structured data

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
itemscopeitemtypeMedio/Recipe
itempropnameGrandma's Holiday Apple Pie
itempropimagehttps://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg
itempropdatePublished2009-11-05
itempropdescriptionThis is my grandmother's apple pie recipe. I like to add a dash of nutmeg.
itempropprepTimePT30M
itempropcookTimePT1H
itemproptotalTimePT1H30M
itemproprecipeYield1 9" pie (8 servings)
itemproprecipeIngredientThinly-sliced apples: 6 cups
itemproprecipeIngredientWhite sugar: 3/4 cup
itemproprecipeInstructions1. Cut and peel apples 2. Mix sugar and cinnamon. Use additional sugar for tart apples .
itempropauthor [Person]
itempropnameCarol Smith
itemscopeitemprop[itemtype]aggregateRating [AggregateRating]
itempropratingValue4.0
itempropreviewCount35
itemscopeitemprop[itemtype]nutrition [NutritionInformation]
itempropservingSize1 medium slice
itempropcalories250 cal
itempropfatContent12 g
- -
-

Note: Una herramienta practica para extraer estructuras microdata del HTML es Structured Data Testing Tool de Google. Pruebalo en el HTML del ejemplo anterior.

-
- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - -
EspecificacionesEstadosComentario
{{SpecName('HTML Microdata', "#dfn-itemscope", "itemscope")}}{{Spec2('HTML Microdata')}} 
{{SpecName('HTML WHATWG', "microdata.html#attr-itemscope", "itemscope")}}{{Spec2('HTML WHATWG')}} 
- - - - - -

{{Compat("html.global_attributes.itemscope")}}

- -

Ver tambien

- - diff --git a/files/es/web/html/atributos_globales/lang/index.html b/files/es/web/html/atributos_globales/lang/index.html deleted file mode 100644 index dcea33a66f..0000000000 --- a/files/es/web/html/atributos_globales/lang/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: lang -slug: Web/HTML/Atributos_Globales/lang -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/lang ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El atributo global lang participa en la definición del lenguaje del elemento , el lenguaje en que están escritos los elementos no editables o el lenguaje en el cual los elementos editables deberían de estar escritos . La etiqueta contiene un valor sencillo de entrada en el formato que define el documento tags para identificar lenguajes  (BCP47) de la IETF . Si el contenido de la etiqueta es la cadena vacía , el lenguaje se establece como desconocido , si el contenido de la etiqueta no es válido respecto al documento BCP47 , se establece como inválido . 

- -

Incluso si el atributo lang está establecido , puede que no se tome en cuenta , ya que el atributo xml:lang tiene prioridad . Leer el algoritmo para determinar el lenguaje  de el contenido de un elemento para ver como es determinado el lenguaje en todos los casos.

- -

Para la pseudo clase { cssxref(":lang") }} de CSS,  dos nombres invalidos de lenguaje son diferentes si sus nombres son diferentes .

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, sin cambio desde {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}{{Spec2('HTML5 W3C')}}Snapshot de {{SpecName('HTML WHATWG')}}, comportandose con xml:lang  y el algoritmo de determinación del lenguaje . También es un verdadero atributo global .
{{SpecName('HTML4.01', 'struct/dirlang.html#h-8.1', 'lang')}}{{Spec2('HTML4.01')}}Soportado en todos los elementos menos en {HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, y  {{HTMLElement("script")}}.
- -

Compatibilidad en exploradores 

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísiticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísiticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -

 

- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/slot/index.html b/files/es/web/html/atributos_globales/slot/index.html deleted file mode 100644 index ed2b8688db..0000000000 --- a/files/es/web/html/atributos_globales/slot/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: slot -slug: Web/HTML/Atributos_Globales/slot -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/slot ---- -
{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}
- -

El atributo global slot asigna un espacio en un shadow DOM árbol shadow a un elemento: Un elemento con un atributo slot es asignado al espacio creado por el elemento {{HTMLElement("slot")}} cuyo valor de atributo {{htmlattrxref("name", "slot")}} coincide con el valor de ese atributo slot.

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', "dom.html#attr-slot", "slot attribute")}}{{Spec2('HTML WHATWG')}} 
{{SpecName('DOM WHATWG', "#dom-element-slot", "slot attribute")}}{{Spec2('DOM WHATWG')}} 
- -

Compatibilidad de navegadores

- - - -

{{Compat("html.global_attributes.slot")}}

- -

Vea también

- - diff --git a/files/es/web/html/atributos_globales/spellcheck/index.html b/files/es/web/html/atributos_globales/spellcheck/index.html deleted file mode 100644 index c6ced2de46..0000000000 --- a/files/es/web/html/atributos_globales/spellcheck/index.html +++ /dev/null @@ -1,218 +0,0 @@ ---- -title: spellcheck -slug: Web/HTML/Atributos_Globales/spellcheck -tags: - - Atributos globales - - Experimental - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/spellcheck ---- -

{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}

- -

El atributo global spellcheck es un atributo enumerado que define si el elemento debe de ser verificado por errores de deletreado. Puede tener los siguientes valores :

- - - -

Si este atributo no está establecido , su valor por default es de tipo elemento y definido por el explorador . El valor por default puede der heredado  ,  lo que significa que el contenido del elemento será checado para errores de deletreado solo si el ancestro más cercano tiene un estado de spellcheck  con valor true .

- -

Puedes consultar este artículo para ver un ejemplo comprensivo del uso de este atributo. 
-  

- -

Este es un atributo enumerado y no unoBooleano . Esto significa que el uso explícito de uno de los valores true o false es obligatorio y que una escritura como <label spellcheck>Example Label</label> no está permitida . El uso correcto es <label spellcheck="true">Example Label</label>.

- -

Este atributo es meramente un indicio para el explorador : los exploradores no son obligados a tener disponibilidad para verificar los errores de deletreado , incluso si el atributo spellcheck es establecido como true y el explorador soporta verificación de deletreado .

- -

El valor por default de este atributo es dependiente del explorador y del elemento :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Explorador{{ HTMLElement("html") }}{{ HTMLElement("textarea") }}{{ HTMLElement("input") }}othersComment
FirefoxfalsefalsefalseinheritedWhen layout.spellcheckDefault is 0
falsetrueinheritedinheritedWhen layout.spellcheckDefault is 1 (default value)
falsetruetrueinheritedWhen layout.spellcheckDefault is 2
SeamonkeyfalsefalsefalseinheritedWhen layout.spellcheckDefault is 0
falsetrueinheritedinheritedWhen layout.spellcheckDefault is 1 (default value)
falsetruetrueinheritedWhen layout.spellcheckDefault is 2
CaminofalsefalsefalseinheritedWhen layout.spellcheckDefault is 0
falsetrueinheritedinheritedWhen layout.spellcheckDefault is 1
falsetruetrueinheritedWhen layout.spellcheckDefault is 2 (default value)
Chromefalsetrue?inherited
Internet Explorerfalsetrue?inherited
Operafalsetrue?inherited
Safarifalsetrue?inherited
- -

Espeficicaciones

- - - - - - - - - - - - - - - - - - - -
EspeficifaciónEstatusComentario
{{SpecName('HTML WHATWG', "interaction.html#spelling-and-grammar-checking", "spellcheck")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "editing.html#spelling-and-grammar-checking", "spellcheck")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, declaración inicial
- -

Compatibilidad con exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatGeckoDesktop("1.8.1") }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísiticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatNo() }}{{ CompatUnknown}}{{ CompatGeckoMobile("1.8.1") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -

 

- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/style/index.html b/files/es/web/html/atributos_globales/style/index.html deleted file mode 100644 index 1da99e039b..0000000000 --- a/files/es/web/html/atributos_globales/style/index.html +++ /dev/null @@ -1,111 +0,0 @@ ---- -title: style -slug: Web/HTML/Atributos_Globales/style -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/style ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El atributo global style contiene declaraciones de estilo  CSS a ser aplicados a un elemento . Notar que es recomandado para los estilos ser definidos en archivo o archivos separados . Este atributo y el elemento  {{ HTMLElement("style") }} tienen principalmente el propósito de permitir el estilizamiento rápido , por ejemplo para propósitos de pruebas .

- -

Nota de uso : Este atributo no debe de ser usado para comunicar información semántica . Incluso si todo el estilo es removido , una página debería mantenerse semánticamente correcta . Típicamente no debe de ser usado para ocultar información irrelevante ; esto debe de hacerse usando el atributo hidden .

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "dom.html#the-style-attribute", "style")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último  snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "dom.html#the-style-attribute", "style")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, sin  cambio desde {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "dom.html#the-style-attribute", "style")}}{{Spec2('HTML5 W3C')}}Snapshot de {{SpecName('HTML WHATWG')}}. Desde {{SpecName("HTML4.01")}}, es ahora un verdadero atributo global .
{{SpecName('HTML4.01', 'present/styles.html#h-14.2.2', 'style')}}{{Spec2('HTML4.01')}}Soportado en todos los elementos menos en  {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, y {{HTMLElement("title")}}.
{{ SpecName("CSS3 Style", "", "") }}{{Spec2("CSS3 Style")}}Define el contenido del atributo style .
- -

Compatibilidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísiticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísiticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -

 

- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/tabindex/index.html b/files/es/web/html/atributos_globales/tabindex/index.html deleted file mode 100644 index 2159639208..0000000000 --- a/files/es/web/html/atributos_globales/tabindex/index.html +++ /dev/null @@ -1,118 +0,0 @@ ---- -title: tabindex -slug: Web/HTML/Atributos_Globales/tabindex -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/tabindex ---- -

{{HTMLSidebar("Global_attributes")}}

- -

Nota: El valor máximo para tabindex no debe de exceder 32767 (sección 17.11.1 del W3C). Si no se especifica, el valor asignado por defecto es -1.

- -

El atributo global tabindex indica si su elemento puede ser enfocado, y si participa en la navegación secuencial del teclado (usualmente con la tecla Tab, de ahí el nombre). Acepta un entero como valor, con diferentes resultados que dependen de dicho valor:

- - - -

Puede consultar este artículo para ver una explicación compresiva de la administración de la recepción de foco.

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "editing.html#attr-tabindex", "tabindex")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "editing.html#attr-tabindex", "tabindex")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, sin cambio desde {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "editing.html#attr-tabindex", "tabindex")}}{{Spec2('HTML5 W3C')}}Snapshot de {{SpecName('HTML WHATWG')}}. Desde {{SpecName("HTML4.01")}}, el atributo es ahora soportado en todos los elementos  (atributos globales).
{{SpecName('HTML4.01', 'interact/forms.html#adef-tabindex', 'tabindex')}}{{Spec2('HTML4.01')}}Solo soportado en {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}}, y {{HTMLElement("textarea")}}.
- -

Compatibilidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
-
- - - -

Ver también 

- - diff --git a/files/es/web/html/atributos_globales/title/index.html b/files/es/web/html/atributos_globales/title/index.html deleted file mode 100644 index ab8e0dd92f..0000000000 --- a/files/es/web/html/atributos_globales/title/index.html +++ /dev/null @@ -1,138 +0,0 @@ ---- -title: title -slug: Web/HTML/Atributos_Globales/title -tags: - - Atributos globales - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/title ---- -

{{HTMLSidebar("Global_attributes")}}

- -

El atributo global title contiene un texto representado información relacionada al elemento al cual pertenece . Tal información puede típicamente , pero no necesariamente , ser presentada al usuario como un tip . Aquí hay algunos usos típicos para este atributo :

- - - -

Si este atributo es omitido  , significa que el título del ancestro más cercano de este elemento es todavía relevante para este (puede usarse legítimamente como un tip para ese elemento ) . Si el atributo es establecido como la cadena vacía , significa explícitamente que el título de su ancestro más  cercano no es relevante para este elemento ( y no debería de usarse en el tip para ese elemento )

- -

Semánticas adicionales se adjuntan a los atributos de title de los elementos {{ HTMLElement("link") }}, {{ HTMLElement("abbr") }}, {{ HTMLElement("input") }} y {{ HTMLElement("menuitem") }} 

- -

El atributo title puede contener varias líneas . Cada  U+000A LINE FEED (LF) insertada representa una línea nueva . Se debe tener precaución ya que esto significa que :

- -
<p>Líneas nuevas en title deben de tomarse en cuenta , como esta <abbr title="Este es un título multilínea">ejemplo </abbr>.</p>
-
- -

define un título de dos líneas .

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "elements.html#the-title-attribute", "title")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "dom.html#the-title-attribute", "title")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, sin cambio desde {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "dom.html#the-title-attribute", "title")}}{{Spec2('HTML5 W3C')}}Snapshot of {{SpecName('HTML WHATWG')}}. Desde {{SpecName("HTML4.01")}}, es ahora  un verdadero atributo global.
{{SpecName('HTML4.01', 'struct/global.html#adef-title', 'title')}}{{Spec2('HTML4.01')}}Soportado en todos los elementos pero no en {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, y {{HTMLElement("title")}}.
- -

Compatibilidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
Soporte multi línea{{CompatUnknown}}{{CompatGeckoDesktop(12)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CaracterísticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
Soporte multi línea{{CompatUnknown}}{{CompatUnknown}}{{CompatGeckoMobile(12)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
-
- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/translate/index.html b/files/es/web/html/atributos_globales/translate/index.html deleted file mode 100644 index 5182acec3c..0000000000 --- a/files/es/web/html/atributos_globales/translate/index.html +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: translate -slug: Web/HTML/Atributos_Globales/translate -tags: - - Atributos globales - - Experimental - - HTML - - Referencia -translation_of: Web/HTML/Global_attributes/translate ---- -

{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}

- -

El atributo global translate  es un atributo enumerado que es usado para especificar si los valores del atributo de un elemento y los valores de sus nodos hijos de Texto serán traducidos cuando la página es localizada , o si se debe de dejarlos sin cambio . Puede tener los siguientes valores : 

- - - -

 

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - -
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', "dom.html#attr-translate", "translate")}}{{Spec2('HTML WHATWG')}}Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}
{{SpecName('HTML5.1', "dom.html#the-translate-attribute", "translate")}}{{Spec2('HTML5.1')}}Snapshot de {{SpecName('HTML WHATWG')}}, definición inicial
- -

Compatibilidad en exploradores

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - -
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatNo }}{{ CompatNo }}{{ CompatNo }}{{ CompatNo }}{{ CompatNo }}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatNo }}{{ CompatNo }}{{CompatNo }}{{ CompatNo }}{{ CompatNo }}{{ CompatNo }}
-
- -

 

- -

Ver también

- - diff --git a/files/es/web/html/atributos_globales/x-ms-acceleratorkey/index.html b/files/es/web/html/atributos_globales/x-ms-acceleratorkey/index.html deleted file mode 100644 index 26cf4a2599..0000000000 --- a/files/es/web/html/atributos_globales/x-ms-acceleratorkey/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: x-ms-acceleratorkey -slug: Web/HTML/Atributos_Globales/x-ms-acceleratorkey -translation_of: Web/HTML/Global_attributes/x-ms-acceleratorkey ---- -
{{HTMLSidebar("Global_attributes")}}{{Non-standard_Header}}
- -

 

- -

La x-ms-acceleratorkeypropiedad proporciona una forma de declarar que una tecla de aceleración se ha asignado a un elemento.

- -

Esta propiedad propietaria es específica de Internet Explorer y Microsoft Edge.

- -

La x-ms-acceleratorkeypropiedad le permite exponer una notificación en el árbol de accesibilidad a los lectores de pantalla y otras tecnologías de asistencia de que existe una clave de aceleración. Este atributo no proporciona el comportamiento de la clave del acelerador. Debe proporcionar controladores de eventos de teclado, como por ejemplo onkeypress, onkeydowno onkeyup, para procesar las teclas de aceleración en el documento.

- -

 

- -

Sintaxis

- -
<button x-ms-acceleratorkey="string">...</button>
- -

Valor

- -

Tipo: String

- -

Nombre de la tecla de aceleración, por ejemplo: Ctrl+B or Ctrl+S.

- -

Ver también

- - diff --git a/files/es/web/html/attributes/accept/index.html b/files/es/web/html/attributes/accept/index.html new file mode 100644 index 0000000000..b98ff8b644 --- /dev/null +++ b/files/es/web/html/attributes/accept/index.html @@ -0,0 +1,169 @@ +--- +title: 'HTML el atributo: accept' +slug: Web/HTML/Atributos/accept +tags: + - Accept + - Archivo + - Entrada + - Input + - Referencia + - atributo +translation_of: Web/HTML/Attributes/accept +--- +

El atributo accept toma como valor una lista separada por comas de uno o más tipos de archivos, o {{anch("Especificadores de tipo de archivo únicos","especificadores de tipo de archivo únicos")}}, que describen qué tipos de archivo permitir. La propiedad «accept» es un atributo del tipo {{HTMLElement("input/file", "file")}} {{HTMLElement("input")}}. Se admitía en el elemento {{HTMLElement("form")}}, pero se eliminó a favor de {{HTMLElement("input/file", "file")}} en HTML5.

+ +

Debido a que un determinado tipo de archivo se puede identificar de más de una manera, es útil proporcionar un conjunto completo de especificadores de tipo cuando necesiten archivos de un tipo específico, o usar el comodín para indicar que un tipo de cualquier formato es aceptable.

+ +

Por ejemplo, hay varias formas de identificar los archivos de Microsoft Word, por lo que un sitio que acepta archivos de Word puede usar un <input> como este:

+ +
<input type="file" id="docpicker"
+  accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
+ +

Mientras que si aceptas un archivo multimedia, es posible que desees incluir cualquier formato de ese tipo de medio:

+ +
<input type="file" id="soundFile" accept="audio/*">
+<input type="file" id="videoFile" accept="video/*">
+<input type="file" id="imageFile" accept="image/*">
+ +

El atributo accept no valida los tipos de archivos seleccionados; simplemente proporciona sugerencias para los navegadores para guiar a los usuarios hacia la selección de los tipos de archivo correctos. Todavía es posible (en la mayoría de los casos) que los usuarios cambien una opción en el selector de archivos que hace posible anular esto y seleccionar cualquier archivo que deseen, y luego elegir tipos de archivo incorrectos.

+ +

Debido a esto, te debes asegurar de que el requisito esperado esté validado en el lado del servidor.

+ +

Ejemplos

+ +

Cuando se configura en un tipo de entrada de archivo, el selector de archivos nativo que se abre solo debe permitir seleccionar archivos del tipo de archivo correcto. La mayoría de los sistemas operativos aligeran los archivos que no coinciden con los criterios y no se pueden seleccionar.

+ +
+
<p>
+	<label for="soundFile">Selecciona un archivo de audio:</label>
+	<input type="file" id="soundFile" accept="audio/*">
+	</p>
+	<p>
+	<label for="videoFile">Selecciona un archivo de video:</label>
+	<input type="file" id="videoFile" accept="video/*">
+	</p>
+	<p>
+	<label for="imageFile">Selecciona algunas imágenes:</label>
+	<input type="file" id="imageFile" accept="image/*" multiple>
+	</p>
+ +

{{EmbedLiveSample('ejemplo_sencillo', '100%', 200)}}

+ +

Ten en cuenta que el último ejemplo te permite seleccionar varias imágenes. Consulta el atributo multiple para obtener más información.

+
+ +

Especificadores de tipo de archivo únicos

+ +

Un especificador de tipo de archivo único es una cadena que describe un tipo de archivo que el usuario puede seleccionar en un elemento {{HTMLElement("input")}} de tipo file. Cada especificador de tipo de archivo único puede adoptar una de las siguientes formas:

+ + + +

El atributo accept toma como valor una cadena que contiene uno o más de estos especificadores de tipo de archivo únicos, separados por comas. Por ejemplo, un selector de archivos que necesita contenido que se puede presentar como una imagen, incluidos los formatos de imagen estándar y los archivos PDF, podría verse así:

+ +
<input type="file" accept="image/*,.pdf">
+ +

Usar inputs de archivo

+ +

Un ejemplo básico

+ +
<form method="post" enctype="multipart/form-data">
+ <div>
+   <label for="file">Elige el archivo a cargar</label>
+   <input type="file" id="file" name="file" multiple>
+ </div>
+ <div>
+   <button>Enviar</button>
+ </div>
+</form>
+ + + +

Esto produce la siguiente salida:

+ +

{{EmbedLiveSample('Un_ejemplo_básico', 650, 60)}}

+ +
+

Nota: También puedes encontrar este ejemplo en GitHub; consulta código fuente y también puedes verlo funcionando en vivo.

+
+ +

Independientemente del dispositivo o sistema operativo del usuario, el <input> de archivo proporciona un botón que abre un cuadro de diálogo selector de archivos que permite al usuario elegir un archivo.

+ +

La inclusión del atributo multiple, como se muestra arriba, especifica que se pueden elegir varios archivos a la vez. El usuario puede elegir varios archivos del selector de archivos de cualquier manera que la plataforma elegida lo permita (por ejemplo, manteniendo presionada la tecla Mayús o Control y luego haciendo clic). Si solo deseas que el usuario elija un único archivo por <input>, omite el atributo multiple.

+ +

Limitar los tipos de archivo aceptados

+ +

A menudo, no querrás que el usuario pueda elegir cualquier tipo de archivo arbitrario; en su lugar, quieres que seleccionen archivos de un tipo o tipos específicos. Por ejemplo, si la entrada de tu archivo permite a los usuarios cargar una imagen de perfil, probablemente desees que seleccionen formatos de imagen compatibles con la web, como {{Glossary("JPEG")}} o {{Glossary("PNG")}}.

+ +

Los tipos de archivo aceptables se pueden especificar con el atributo {{HTMLAttrxRef("accept", "input/file")}}, que toma una lista separada por comas de extensiones de archivo permitidas o tipos MIME. Algunos ejemplos:

+ + + +

Veamos un ejemplo más completo:

+ +
<form method="post" enctype="multipart/form-data">
+  <div>
+    <label for="profile_pic">Elige el archivo para cargar</label>
+    <input type="file" id="profile_pic" name="profile_pic"
+          accept=".jpg, .jpeg, .png">
+  </div>
+  <div>
+    <button>Enviar</button>
+  </div>
+</form>
+ + + +

{{EmbedLiveSample('Limitar_los_tipos_de_archivo_aceptados', 650, 60)}}

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + +
EspecificaciónEstado
{{SpecName('HTML WHATWG', 'input.html#attr-input-accept', 'atributo accept')}}{{ Spec2('HTML WHATWG') }}
{{SpecName('HTML5.1', 'sec-forms.html#attr-input-accept', 'Atributo accept')}}{{Spec2('HTML5.1')}}
+ +

Compatibilidad del navegador

+ + + +

{{Compat("html.elements.attribute.accept")}}

+ +

Ve también

+ + diff --git a/files/es/web/html/attributes/autocomplete/index.html b/files/es/web/html/attributes/autocomplete/index.html new file mode 100644 index 0000000000..b8546e368d --- /dev/null +++ b/files/es/web/html/attributes/autocomplete/index.html @@ -0,0 +1,180 @@ +--- +title: The HTML autocomplete attribute +slug: Web/HTML/Atributos/autocomplete +translation_of: Web/HTML/Attributes/autocomplete +--- +

El atributo autocomplete  está disponible en varios tipos de  {{HTMLElement("input")}} aquellos que toman un texto o valor numérico como entrada. autocomplete  permite a los desarrolladores web especificar qué permisos si los hay {{Glossary("user agent")}}  debe proporcionar asistencia automatizada para completar los valores de los campos de formulario, así como una guía para el navegador en cuanto al tipo de información que se espera en el campo.

+ +

 

+ +

Los valores sugeridos generalmente depende del navegador. Normalmente, provienen de valores ​​ingresados ​​por el usuario, pero también pueden provenir de valores preconfigurados. Por ejemplo, un navegador puede permitir que el usuario guarde su nombre, dirección, número de teléfono y direcciones de correo electrónico para autocompletar así como también datos de tarjetas de crédito.

+ +

Si un elemento {{HTMLElement("input")}} no tiene el atributo autocomplete , entonces los navegadores usan el atributo autocomplete del {{HTMLElement("form")}} que lo contiene. En otras palabras, el {{HTMLElement("form")}} del que el {{HTMLElement("input")}} desciende. También puede ser especificado en el atributo {{htmlattrxref("form", "input")}} del {{HTMLElement("input")}} en cuestión.

+ +

Para más información vea el atributo {{htmlattrxref("autocomplete", "form")}} del elemento {{HTMLElement("form")}}

+ +
+

Para proveer el autocompletado, el navegador necesita del los elementos <input>:

+ +
    +
  1. Que tengan name y/o id
    2. +
  2. Pertenezcan a un elemento <form>
    3. +
  3. Que el formulario tenga un botón {{HTMLElement("input/submit", "submit")}}
    4. +
+
+ +

Valores

+ +
+
"off"
+
The browser is not permitted to automatically enter or select a value for this field. It is possible that the document or application provides its own autocomplete feature, or that security concerns require that the field's value not be automatically entered. +
Note: In most modern browsers, setting autocomplete to "off" will not prevent a password manager from asking the user if they would like to save username and password information, or from automatically filling in those values in a site's login form. See the autocomplete attribute and login fields.
+
+
"on"
+
The browser is allowed to automatically complete the input. No guidance is provided as to the type of data expected in the field, so the browser may use its own judgement.
+
"name"
+
The field expects the value to be a person's full name. Using "name" rather than breaking the name down into its components is generally preferred because it avoids dealing with the wide diversity of human names and how they are structured; however, you can use the following autocomplete values if you do need to break the name down into its components: +
+
"honorific-prefix"
+
The prefix or title, such as "Mrs.", "Mr.", "Miss", "Ms.", "Dr.", or "Mlle.".
+
"given-name"
+
The given (or "first") name.
+
"additional-name"
+
The middle name.
+
"family-name"
+
The family (or "last") name.
+
"honorific-suffix"
+
The suffix, such as "Jr.", "B.Sc.", "PhD.", "MBASW", or "IV".
+
"nickname"
+
A nickname or handle.
+
+
+
"email"
+
An email address.
+
"username"
+
A username or account name.
+
"new-password"
+
A new password. When creating a new account or changing passwords, this is the "Enter your new password" field, as opposed to any "Enter your current password" field that might be present. This may be used by the browser both to avoid accidentally filling in an existing password and to offer assistance in creating a secure password.
+
"current-password"
+
The user's current password.
+
"organization-title"
+
A job title, or the title a person has within an organization, such as "Senior Technical Writer", "President", or "Assistant Troop Leader".
+
"organization"
+
A company or organization name, such as "Acme Widget Company" or "Girl Scouts of America".
+
"street-address"
+
A street address. This can be multiple lines of text, and should fully identify the location of the address within its second administrative level (typically a city or town), but should not include the city name, ZIP or postal code, or country name.
+
"address-line1", "address-line2", "address-line3"
+
Each individual line of the street address. These should only be present if the "street-address" is also present.
+
"address-level4"
+
The finest-grained {{anch("Administrative levels in addresses", "administrative level")}}, in addresses which have four levels.
+
"address-level3"
+
The third {{anch("Administrative levels in addresses", "administrative level")}}, in addresses with at least three administrative levels.
+
"address-level2"
+
The second {{anch("Administrative levels in addresses", "administrative level")}}, in addresses with at least two of them. In countries with two administrative levels, this would typically be the city, town, village, or other locality in which the address is located.
+
"address-level1"
+
The first {{anch("Administrative levels in addresses", "administrative level")}} in the address. This is typically the province in which the address is located. In the United States, this would be the state. In Switzerland, the canton. In the United Kingdom, the post town.
+
"country"
+
A country code.
+
"country-name"
+
A country name.
+
"postal-code"
+
A postal code (in the United States, this is the ZIP code).
+
"cc-name"
+
The full name as printed on or associated with a payment instrument such as a credit card. Using a full name field is preferred, typically, over breaking the name into pieces.
+
"cc-given-name"
+
A given (first) name as given on a payment instrument like a credit card.
+
"cc-additional-name"
+
A middle name as given on a payment instrument or credit card.
+
"cc-family-name"
+
A family name, as given on a credit card.
+
"cc-number"
+
A credit card number or other number identifying a payment method, such as an account number.
+
"cc-exp"
+
A payment method expiration date, typically in the form "MM/YY" or "MM/YYYY".
+
"cc-exp-month"
+
The month in which the payment method expires.
+
"cc-exp-year"
+
The year in which the payment method expires.
+
"cc-csc"
+
The security code for the payment instrument; on credit cards, this is the 3-digit verification number on the back of the card.
+
"cc-type"
+
The type of payment instrument (such as "Visa" or "Master Card").
+
"transaction-currency"
+
The currency in which the transaction is to take place.
+
"transaction-amount"
+
The amount, given in the currency specified by "transaction-currency", of the transaction, for a payment form.
+
"language"
+
A preferred language, given as a valid BCP 47 language tag.
+
"bday"
+
A birth date, as a full date.
+
"bday-day"
+
The day of the month of a birth date.
+
"bday-month"
+
The month of the year of a birth date.
+
"bday-year"
+
The year of a birth date.
+
"sex"
+
A gender identity (such as "Female", "Fa'afafine", "Male"), as freeform text without newlines.
+
"tel"
+
A full telephone number, including the country code. If you need to break the phone number up into its components, you can use these values for those fields: +
+
"tel-country-code"
+
The country code, such as "1" for the United States, Canada, and other areas in North America and parts of the Caribbean.
+
"tel-national"
+
The entire phone number without the country code component, including a country-internal prefix. For the phone number "1-855-555-6502", this field's value would be "855-555-6502".
+
"tel-area-code"
+
The area code, with any country-internal prefix applied if appropriate.
+
"tel-local"
+
The phone number without the country or area code. This can be split further into two parts, for phone numbers which have an exchange number and then a number within the exchange. For the phone number "555-6502", use "tel-local-prefix" for "555" and "tel-local-suffix" for "6502".
+
+
+
"tel-extension"
+
A telephone extension code within the phone number, such as a room or suite number in a hotel or an office extension in a company.
+
"impp"
+
A URL for an instant messaging protocol endpoint, such as "xmpp:username@example.net".
+
"url"
+
A URL, such as a home page or company web site address as appropriate given the context of the other fields in the form.
+
"photo"
+
The URL of an image representing the person, company, or contact information given in the other fields in the form.
+
+ +

See the WHATWG Standard for more detailed information.

+ +
+

Note: The autocomplete attribute also controls whether Firefox will — unlike other browsers — persist the dynamic disabled state and (if applicable) dynamic checkedness of an <input> across page loads. The persistence feature is enabled by default. Setting the value of the autocomplete attribute to off disables this feature. This works even when the autocomplete attribute would normally not apply to the <input> by virtue of its type. See {{bug(654072)}}.

+
+ +

Administrative levels in addresses

+ +

The four administrative level fields ("address-level1" through "address-level4") describe the address in terms of increasing levels of precision within the country in which the address is located. Each country has its own system of administrative levels, and may arrange the levels in different orders when addresses are written.

+ +

"address-level1" always represents the broadest administrative division; it is the least-specific portion of the address short of the country name.

+ +

Form layout flexibility

+ +

Given that different countries write their address in different ways, with each field in different places within the address, and even different sets and numbers of fields entirely, it can be helpful if, when possible, your site is able to switch to the layout expected by your users when presenting an address entry form, given the country the address is located within.

+ +

Variations

+ +

The way each administrative level is used will vary from country to country. Below are some examples; this is not meant to be an exhaustive list.

+ +

United States

+ +

A typical home address within the United States looks like this:

+ +

432 Anywhere St
+ Exampleville CA 95555

+ +

In the United States, the least-specific portion of the address is the state, in this case "CA" (the official US Postal Service shorthand for "California"). Thus "address-level1" is the state, or "CA" in this case.

+ +

The second-least specific portion of the address is the city or town name, so "address-level2" is "Exampleville" in this example address.

+ +

United States addresses do not use levels 3 and up.

+ +

United Kingdom

+ +

The UK uses one or two address levels, depending on the address. These are the post town and, in some instances, the locality.

+ +

China

+ +

China can use as many as three administrative levels: the province, the city, and the district.

diff --git a/files/es/web/html/attributes/crossorigin/index.html b/files/es/web/html/attributes/crossorigin/index.html new file mode 100644 index 0000000000..f7453daa96 --- /dev/null +++ b/files/es/web/html/attributes/crossorigin/index.html @@ -0,0 +1,123 @@ +--- +title: Atributos de configuración CORS +slug: Web/HTML/Atributos_de_configuracion_CORS +translation_of: Web/HTML/Attributes/crossorigin +--- +

En HTML5, algunos elementos HTML que dan soporte para CORS, tales como {{ HTMLElement("img") }} o {{ HTMLElement("video") }}, tienen un atributo crossorigin  (propiedad crossOrigin), que les permite configurar las peticiones CORS de los datos que se cargan. Estos atributos están enumerados, y tienen los siguientes valores posibles:

+ + + + + + + + + + + + + + + + +
Palabra claveDescripción
anonymousCORS, las solicitudes de este elemento no tendrán establecido el indicador de credenciales.
use-credentialsCORS, las solicitudes de este elemento tendrán marcado el indicador de credenciales; esto significa que la solicitud proporcionará credenciales.
+ +

Por defecto, es decir cuando el atributo no es específicado, CORS no se usa. La palabra clave "anonymous" indica que no habrá intercambio de credenciales de usuario a través de las cookies, ni por parte del cliente con certificados SSL o autenticación HTTP como se describe en la sección de terminología de la especificación CORS.

+ +

Una clave inválida y un string vacío serán gestionados como  una clave anónima.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'infrastructure.html#cors-settings-attributes', 'CORS settings attributes')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML WHATWG', 'embedded-content.html#attr-img-crossorigin', 'crossorigin')}}{{Spec2('HTML WHATWG')}} 
+ +

Compatibilidad de navegadores

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support13{{ CompatGeckoDesktop("8.0") }}11{{ CompatNo() }}{{ CompatVersionUnknown() }}
{{ HTMLElement("video")}}{{ CompatUnknown() }}{{ CompatGeckoDesktop("12.0") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatUnknown() }}{{ CompatGeckoMobile("8.0") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatVersionUnknown() }}
{{ HTMLElement("video")}}{{ CompatUnknown() }}{{ CompatGeckoMobile("12.0") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

Ver también

+ + diff --git a/files/es/web/html/attributes/index.html b/files/es/web/html/attributes/index.html new file mode 100644 index 0000000000..03e7d8baee --- /dev/null +++ b/files/es/web/html/attributes/index.html @@ -0,0 +1,677 @@ +--- +title: Referencia de Atributos HTML +slug: Web/HTML/Atributos +tags: + - HTML + - Referencia + - Web + - atributo +translation_of: Web/HTML/Attributes +--- +

Los elementos en HTML tienen atributos; estos son valores adicionales que configuran los elementos o ajustan su comportamiento de diversas formas para cumplir los criterios de los usuarios.

+ +

Lista de Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Nombre del AtributoElementosDescripción
accept{{ HTMLElement("form") }}, {{ HTMLElement("input") }}Lista de tipos aceptados por el servidor, usualmente un tipo de archivo.
accept-charset{{ HTMLElement("form") }}Lista de juegos de caracteres soportados.
accesskeyAtributos GlobalesDefine una tecla que activa o agrega un foco al elemento.
action{{ HTMLElement("form") }}La URL del programa que procesa la información enviada en el formulario.
align{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}Especifica el alineamiento horizontal del elemento.
alt{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}Texto alternativo en caso de que la imagen no se pueda mostrar.
async{{ HTMLElement("script") }}Indica que el script debería ejecutarse asincrónicamente.
autocomplete{{ HTMLElement("form") }}, {{ HTMLElement("input") }}Indica si los controles en este formulario pueden tener por defecto sus valores completados automáticamente por el navegador.
autofocus{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}El elemento debería recibir foco automáticamente después de haberse cargado la página.
autoplay{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}El audio o video debería empezar lo antes posible.
autosave{{ HTMLElement("input") }}Previous values should persist dropdowns of selectable values across page loads.
bgcolor{{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }} +

Color de fondo del elemento.

+ +
+

Nota: Este atributo se mantiene como referencia. Por favor usa la propiedad CSS {{ Cssxref("background-color") }} en su lugar.

+
+
border{{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }} +

El ancho del borde.

+ +
+

Nota: Este atributo se mantiene como referencia. Por favor usa la propiedad CSS {{ Cssxref("border") }} en su lugar.

+
+
buffered{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Contiene un rango de tiempo multimedia almacenado.
challenge{{ HTMLElement("keygen") }}Cadena de desafío que se envía junto con la clave pública.
charset{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}Declara la codificación de caracteres de la página o del script.
checked{{ HTMLElement("command") }}, {{ HTMLElement("input") }}Indica que el elemento debería estar marcado al cargar la página.
cite{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}Contiene una URL que apunta a la fuente de la cita o cambio.
classAtributo GlobalUsualmente empleado con CSS para aplicar estilos a elementos con propiedades en comun.
code{{ HTMLElement("applet") }}Especifica la URL del archivo de tipo applet a ser cargado y ejecutado.
codebase{{ HTMLElement("applet") }}Este atributo contiene la URL absoluta o relativa del directorio donde los archivos de applets (.class) referenciados en el codigo se encuentran almacenados.
color{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }} +

Este atributo establece el color de texto utilizando un nombre de color o en formato hexadecimal #RRGGBB.

+ +
+

Nota: Este atributo se mantiene como referencia. Por favor usa la propiedad CSS {{ Cssxref("color") }} en su lugar.

+
+
cols{{ HTMLElement("textarea") }}Define el número de columnas en un área de texto.
colspan{{ HTMLElement("td") }}, {{ HTMLElement("th") }}Define el número de columnas que una celda debe contener.
content{{ HTMLElement("meta") }}Un valor asociado con http-equiv o name dependiendo del contexto.
contenteditableAtributo GlobalIndica si el contenido del elemento es editable.
contextmenuAtributo GlobalDefine el ID del elemento {{ HTMLElement("menu") }} que servira como menú de contexto para otro elemento.
controls{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Indica si el navegador debe mostrar controles de reproduccion al usuario.
coords{{ HTMLElement("area") }}Un conjunto de valores que especifican las coordenadas del area.
data{{ HTMLElement("object") }}Especifica la URL del recurso.
data-*Atributo GlobalPermite asociar atributos presonalizados a un elemento HTML.
datetime{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}Indica la fecha y hora asociadas con el elemento.
default{{ HTMLElement("track") }}Indica que la pista debe estar habilitada a menos que las preferencias del usuario indiquen algo diferente.
defer{{ HTMLElement("script") }}Indica que el código debe ser ejecutado despues de que la página este cargada.
dirAtributo GlobalDefine la dirección del texto. Los valores permitidos son ltr (Izquierda-a-Derecha) o rtl (Derecha-a-Izquierda).
dirname{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Indica la dirección del texto asociada con el elemento al momento de enviar el formulario.
disabled{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Indica si el usuario puede interactuar con el elemento.
download{{ HTMLElement("a") }}, {{ HTMLElement("area") }}Indica que el hipervínculo es utilizado para descargar un recurso.
draggableAtributo GlobalDefine si el elemento puede ser arrastrado.
dropzoneAtributo GlobalIndica que el elemento acepta contenido soltado en el mismo.
enctype{{ HTMLElement("form") }}Define el tipo de contenido del formulario cuando el método del mismo es POST.
for{{ HTMLElement("label") }}, {{ HTMLElement("output") }}Describe elementos que pertenecen a éste.
form{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Indica el formulario al que pertenece el elemento.
formaction{{ HTMLElement("input") }}, {{ HTMLElement("button") }}Indica la acción del elemento, anulando la acción definida en {{ HTMLElement("form") }}.
headers{{ HTMLElement("td") }}, {{ HTMLElement("th") }}IDs de los elementos <th> que aplican a este elemento.
height{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} +

Especifica la altura de los elementos enumerados aquí. Para todos los demás elementos, usa la propiedad CSS {{cssxref("height")}} en su lugar.

+ +
+

Nota: En algunos casos, como los {{ HTMLElement("div") }}, este es un atributo de referencia, en donde debes usar la propiedad CSS {{ Cssxref("height") }} en su lugar.

+
+
hiddenAtributo GlobalEvita la prestación del elemento dado, manteniendo los elementos secundarios, p.ej. los elementos de script
high{{ HTMLElement("meter") }}Indica el menor valor del rango alto.
href{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }}La URL de un recurso asociado.
hreflang{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}Especifica el lenguaje del recurso asociado.
http-equiv{{ HTMLElement("meta") }}Indica una directiva que puede alterar el comportamiento de la pagina y como es leida por los exploradores.
icon{{ HTMLElement("command") }} +

Especifica una imagen relacionada con el comando.

+ +
+

Note: El elemento {{ HTMLElement("command") }} es obsoleto y no se recomienda su uso.

+
+
idAtributo GlobalIdentificador el elemento para acceder al mismo desde CSS o Javascript, este indicador debe ser unico para cada elemento.
ismap{{ HTMLElement("img") }}Indica que la imagen es parte de un mapa de imagen del servidor.
itempropAtributo GlobalIndica que el elemento contiene el valor de la propiedad especificada de un conjunto.
keytype{{ HTMLElement("keygen") }} +

Especifica el tipo de clave generada.

+ +
+

Nota: RSA es el valor por defecto.

+
+
kind{{ HTMLElement("track") }}Specifies the kind of text track.
label{{ HTMLElement("track") }}Especifica el título de la pista con un formato legible por el usuario.
langAtributo GlobalDefine el lenguaje utilizado en el elemento.
language{{ HTMLElement("script") }}Define el lenguage (de programación) utilizado en el elemento.
list{{ HTMLElement("input") }}Identifica una serie de valores predefinidos para ser sugeridos al usuario.
loop{{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }}Indica si el medio debe volver a ser reproducido desde el principio al llegar al final.
low{{ HTMLElement("meter") }}Indica el valor mas alto del rango bajo.
manifest{{ HTMLElement("html") }}Especifica la URL del manifiesto de cache para el documento.
max{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}Indica el máximo valor aceptado.
maxlength{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Define el mayor número de caracteres aceptados.
media{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}Da un indicio del tipo de medio para el cual el recurso vinculado fue creado.
method{{ HTMLElement("form") }}Define el método HTTP a emplear para enviar el formulario. Puede ser GET (predeterminado) o POST.
min{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}Indica el valor mínimo aceptado.
multiple{{ HTMLElement("input") }}, {{ HTMLElement("select") }}Indica si múltiples valores pueden ser ingresados.
muted{{ HTMLElement("video") }}Indica si el audio será silenciado inicialmente al cargar la página.
name{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }}Nombre del elemento. Por ejemplo utilizado por el servidor para identificar los campos en el envio de formularios.
novalidate{{ HTMLElement("form") }}Este atributo indica que el formulario no debe ser validado cuando se envíe.
open{{ HTMLElement("details") }}Indica si los detalles de la página seran mostrados cuando cargue la misma.
optimum{{ HTMLElement("meter") }}Indica el valor numérico óptimo.
pattern{{ HTMLElement("input") }}Define una expresion regular con la cual el valor del elemento debe ser validado.
ping{{ HTMLElement("a") }}, {{ HTMLElement("area") }}Indica si se enviara un ping o notificacion a la URL del recurso cuando el usuario utlize el vinculo.
placeholder{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Proporciona una sugerencia al usuario de lo que puede ser introducido en el campo.
poster{{ HTMLElement("video") }}Una URL que indica un cuadro a mostrar hasta que el usuario reproduzca o navegue en el video.
preload{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Indica si el recurso o partes del mismo deben ser precargadas.
pubdate{{ HTMLElement("time") }}Indica si esta fecha y tiempo concuerda con la fecha y tiempo del {{ HTMLElement("article") }} mas cercano (ancestro).
radiogroup{{ HTMLElement("command") }} +

Indica los nombres de los comandos de tipo radio, que seran alternados si el comando en si es alternado. Este atributo debe ser omitido si el tipo de comando no es radio.

+ +
+

Note: El elemento {{ HTMLElement("command") }} es obsoleto y no se recomienda su uso.

+
+
readonly{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Indica si el elemento puede ser editado por el usuario.
rel{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}Especifica la relación entre el objeto destino y el objeto enlace.
required{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Indica si se requiere rellenar o no este elemento.
reversed{{ HTMLElement("ol") }}Indica si la lista debe ser mostrada en orden descendente en vez de ascendente.
rows{{ HTMLElement("textarea") }}Define el número de filas en un área de texto.
rowspan{{ HTMLElement("td") }}, {{ HTMLElement("th") }}Define el número de filas que una celda de una tabla debe abarcar.
sandbox{{ HTMLElement("iframe") }}Lista de restricciones a ser desactivadas en el iframe.
scope{{ HTMLElement("th") }}Define las celdas que la cabecera definió en este elemento.
scoped{{ HTMLElement("style") }}Indica si el estilo será aplicado sólo al elemento inmediato superior (padre). de no ser definido, el estilo se aplicara de forma global.
seamless{{ HTMLElement("iframe") }}Indica si el iframe debe ser cargado como parte del mismo documento.
selected{{ HTMLElement("option") }}Define un valor que será seleccionado al cargar la página.
shape{{ HTMLElement("a") }}, {{ HTMLElement("area") }}Define una región seleccionable para hacer hipervínculos asociados con una forma asociada a una figura para crear un mapa. Los valores para este atributo son: circle, defaul, plygon y rect.
size{{ HTMLElement("input") }}, {{ HTMLElement("select") }}Define el ancho del elemento (en píxeles). Si el atributo del elemento es del tipo text o password entonces es el número de caracteres.
sizes{{ HTMLElement("link") }}, {{ HTMLElement("img") }}, {{ HTMLElement("source") }}Define los tamaños en los que el icono puede ser cargado.
span{{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}Indica el número de columnas que se agrupan.
spellcheckAtributo GlobalIndica si se permite la corrección ortográfica para el elemento.
src{{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }}La URL del contenido integrable.
srcdoc{{ HTMLElement("iframe") }}Especifica el contenido de la página incluida.
srclang{{ HTMLElement("track") }}Especifica el lenguaje del contenido de la pista.
srcset{{ HTMLElement("img") }}
start{{ HTMLElement("ol") }}Define el número inicial de la lista (si es diferente a 1).
step{{ HTMLElement("input") }}Indica el valor del incremento para un valor numerico o de fecha.
styleAtributo GlobalDefine los estilos CSS que anulan los estilos establecidos previamente.
summary{{ HTMLElement("table") }} +

Contiene una descripción del contenido de la tabla.

+ +

Nota: Este atributo ha sido desaprovado, se recomienda incluir un elemento {{ HTMLElement("caption") }} en la tabla.

+
tabindexAtributo GlobalSobrescribe el orden de tabulacion del navegador y usa el especificado.
target{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }} +

Especifica el marco destino en un vínculo.

+ +

Valores especiales: "_blank" indica una nueva ventana, "_parent" indica el marco padre del marco que contiene el código fuente, "_self" indica el marco donde está el código fuente y "_top" indica la ventana completa del navegador.

+
titleAtributo GlobalTexto a ser mostrado cuando el cursor esté sobre el elemento.
type{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}Define el tipo de elemento.
usemap{{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }} +

Indica la URL parcial de un image map asociado con el elemento.

+ +
+

Note: Este atributo no puede ser usado si el elemento {{ HTMLElement("img") }} desciende de un {{ HTMLElement("button") }} o {{ HTMLElement("a") }}

+
+
value{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }}Define el valor predeterminado a ser mostrado al cargar la página.
width{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} +

Para los elementos enumerados aquí, esto establece el ancho del elemento.

+ +
+

Nota: En algunos casos, como los {{ HTMLElement("div") }}, este es un atributo de referencia, en donde debes usar la propiedad CSS {{ Cssxref("height") }} en su lugar.

+
+
wrap{{ HTMLElement("textarea") }}Indica la forma en la cual el texto debe ser envuelto.
+ +

Contenido versus atributos IDL

+ +

En HTML, la mayoria de los atributos tiene dos caras: el atributo de contenido y el atributo IDL

+ +

El atributo de contenido es aquel que se define desde el contenido (Codigo HTML) y puedes definirlo u obtenerlo con {{domxref("element.setAttribute()")}} o {{domxref("element.getAttribute()")}}. El atributo de contenido es siempre un string incluso cuando el valor esperado en un integer. Por ejemplo, para definir el maxlength de un {{HTMLElement("input")}} a 42 usando el atributo de contenido, se debe llamar a setAttribute("maxlength", "42") en ese elemento.

+ +

El atributo IDL, tambien conocido como propiedad JavaScript. Estos son atributos que se pueden leer o definir usando JavaScript como element.foo.. El atributo IDL siempre va a usar (pero puede transformarse) en el atributo de contenido subyacente para retornar un valor cuando lo obtiene y lo guarda en el atributo de contenido cuando es definido. En otras palabras el atributo IDL, en esencia, refleja los atributos de contenido.

+ +

La mayoria del tiempo, los atributos IDL pueden retornar sus valores como realmente son usados. Por ejemplo, el type por defecto para los elementos {{HTMLElement("input")}} es "texto", entonces si defines input.type="foobar", el elemento <input> sera de tipo texto (en apariencia y comportamiento) pero el valor del Atributo de contenido "type" sera "foobat". De cualquier manera, el type del atributo IDL retornara el string "text".

+ +

Los atributos IDL no son siempre strings; por ejemplo, input.maxlength es un numero (marcado como long). Cuando se usan atributos IDL, lees o defines valores del tipo deseado, entonces input.maxlength siempre retornara un numero y cuando definas input,maxlength, esperara un numero. Si se le entrega otro tipo, se convierte antomaticamente a numero como se especifica en las reglas del  estandar de JavaScript para conversiones de tipo.

+ +

Los atributos IDL pueden reflejar otros tipos como un long sin asignacion, URL's, booleanos, etc. Desafortunadamente no hay reglas claras y el comportamiento que los atributos IDL en conjunto con sus respectivos atributos de contenido depende del mismo atributo. La mayoria del tiempo, siguen las reglas de diseño en la especificacion, pero algunas veces no lo hacen. Las especificaciones HTML tratan de ser lo mas amigables para el dasarrollador como es posible, pero por varias razones (mayormente historicas), algunos aributos se comportan de forma extraña (select.size, por ejemplo) y debes leer las especificaciones para comprender como éste se comporta exactamente.

+ +

Ver Tambien

+ + diff --git a/files/es/web/html/attributes/min/index.html b/files/es/web/html/attributes/min/index.html new file mode 100644 index 0000000000..4060bd81f4 --- /dev/null +++ b/files/es/web/html/attributes/min/index.html @@ -0,0 +1,162 @@ +--- +title: 'HTML el atributo: min' +slug: Web/HTML/Atributos/min +tags: + - Atributos + - Restricción de validación + - atributo + - min +translation_of: Web/HTML/Attributes/min +--- +
+

El atributo {{HTMLAttrxRef("min", "input")}} define el valor mínimo que es aceptable y válido para el {{HTMLElement("input")}} que contiene el atributo. Si el {{web.link("/es/docs/Web/HTML/Element/input#attr-value", "value")}} del elemento es menor que esto, el elemento falla la {{web.link("/es/docs/Web/Guide/HTML/HTML5/Constraint_validation", "restricción de validación")}}. Este valor debe ser menor o igual que el valor del atributo {{HTMLAttrxRef("max", "input")}}. Si se especifica un valor para {{HTMLAttrxRef("min", "input")}} que no es un número válido, la entrada no tiene un valor mínimo.

+ +

Válido para los tipos de entrada numérica, incluidos los tipos {{HTMLElement("input/date", "date")}}, {{HTMLElement("input/month", "month")}}, {{HTMLElement("input/week", "week")}}, {{HTMLElement("input/time", "time")}}, {{HTMLElement("input/datetime-local", "datetime-local")}}, {{HTMLElement("input/number", "number")}} y {{HTMLElement("input/range", "range")}}, y el elemento {{htmlelement('meter')}}, el atributo {{HTMLAttrxRef("min", "input")}} es un número que especifica el valor mínimo de un control de formulario para ser considerado válido.

+ +

Sintaxis

+ +
+

Si any no se establece explícitamente, los valores válidos para el número, los tipos de entrada de fecha/hora y los tipos de entrada de range son iguales a la base de paso a paso: el valor {{HTMLAttrxRef("min", "input")}} y los incrementos del valor del paso, hasta el valor {{web.link("/es/docs/Web/HTML/Attributes/max", "max")}}, si se especifica. Por ejemplo, si tienes <input type="number" min="10" step="2">, cualquier entero par, 10 o mayor, es válido. Si se omite, <input type="number">, cualquier número entero es válido, pero los flotantes, como 4.2, no son válidos, ya que el step predeterminado es 1. Para que 4.2 sea válido, step se debería haber configurado en any, 0.1, 0.2, o cualquiera, el valor mínimo tendría que ser un número terminado en 0.2 , como <input type="number" min="-5.2">

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Sintaxis para valores {{HTMLAttrxRef("min", "input")}} por <input type="" />
Tipo del inputEjemploEjemplo
{{HTMLElement("input/date", "date")}}yyyy-mm-dd<input type="date" min="2019-12-25" step="1">
{{HTMLElement("input/month", "month")}}yyyy-mm<input type="month" min="2019-12" step="12">
{{HTMLElement("input/week", "week")}}yyyy-W##<input type="week" min="2019-W23" step="">
{{HTMLElement("input/time", "time")}}hh:mm<input type="time" min="09:00" step="900">
{{HTMLElement("input/datetime-local", "datetime-local")}}yyyy-mm-ddThh:mm<input type="datetime-local" min="2019-12-25T19:30">
{{HTMLElement("input/number", "number")}}{{web.link("/es/docs/Web/CSS/number", "number")}}<input type="number" min="0" step="5" max="100">
{{HTMLElement("input/range", "range")}}{{web.link("/es/docs/Web/CSS/number", "number")}}<input type="range" min="60" step="5" max="100">
+ +
+

Nota: Cuando los datos ingresados por el usuario no se adhieren al valor mínimo establecido, el valor se considera inválido en la restricción de validación y coincidirá con la pseudoclase :invalid

+
+
+ +

Consulta {{web.link("/es/docs/Web/Guide/HTML/HTML5/Constraint_validation", "Validación del lado del cliente")}} y {{DOMxRef("ValidityState.rangeUnderflow", "rangeUnderflow")}} para más información.

+ +

Para el elemento {{HTMLElement('meter')}}, el atributo {{HTMLAttrxRef("min", "input")}} define el límite numérico inferior del rango medido. Debe ser menor que el valor mínimo (atributo {{web.link("/es/docs/Web/HTML/Attributes/max", "max")}}), si se especifica. En ambos casos, si se omite, el valor predeterminado es 1.

+ + + + + + + + + + + + + + + + + +
Sintaxis para valores {{HTMLAttrxRef("min", "input")}} para otros elementos
Tipo del inputSintaxisEjemplo
{{HTMLElement("meter")}}{{web.link("/es/docs/Web/CSS/number", "number")}}<meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="40"> at 40/100</meter>
+ +

Impacto en step

+ +

Los valores de {{HTMLAttrxRef("min", "input")}} y step definen cuáles son los valores válidos, incluso si el atributo step no está incluido, como el step predeterminado de 0.

+ +

Agrega un gran borde rojo alrededor de los {{HTMLElement("input")}}s no válidos:

+ +
input:invalid {
+  border: solid red 3px;
+}
+ +

Luego define un {{HTMLElement("input")}} con un valor mínimo de 7.2, omitiendo el atributo step, en donde el valor predeterminado es 1.

+ +
<input id="myNumber" name="myNumber" type="number" min="7.2" value="8">
+ +

Dado que step tiene el valor predeterminado de 1, los valores válidos incluyen 7.2, 8.2, 9.2 y así sucesivamente. El valor 8 no es válido. Dado que incluye un valor no válido, los navegadores compatibles mostrarán el valor como no válido.

+ +

{{EmbedLiveSample("Impacto_en_step",200,55)}}

+ +

Si no se incluye explícitamente, step tiene como valor predeterminado 1 para número y range, y 1 tipo de unidad (segundo, semana, mes, día) para los {{HTMLElement("input")}}s de tipo fecha/hora.

+
+ +

Compatibilidad del navegador

+ + + +

{{Compat("html.elements.attributes.min")}}

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'input.html#the-min-and-max-attributes', 'min attribute')}}{{ Spec2('HTML WHATWG') }}
{{SpecName('HTML5 W3C', 'input.html#the-min-and-max-attributes', 'min attribute')}}{{ Spec2('HTML5 W3C') }}
+ +

Problemas de accesibilidad

+ +

Proporciona instrucciones para ayudar a los usuarios a comprender cómo completar el formulario y utilizar controles de formulario individuales. Indica cualquier entrada requerida y opcional, formatos de datos y otra información relevante. Cuando utilices el atributo {{HTMLAttrxRef("min", "input")}}, asegúrate de que el usuario comprenda este requisito mínimo. Posiblemente sea suficiente proporcionar instrucciones dentro de un {{HTMLElement('label')}}. Si proporcionas instrucciones fuera de las etiquetas, lo cual permite un posicionamiento y un diseño más flexibles, considera usar {{web.link("/es/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute", "aria-labelledby")}} o {{web.link("/es/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-descriptionsby_attribute", "aria-describedby")}}.

+ +

Ve también

+ + diff --git a/files/es/web/html/attributes/minlength/index.html b/files/es/web/html/attributes/minlength/index.html new file mode 100644 index 0000000000..23056673e2 --- /dev/null +++ b/files/es/web/html/attributes/minlength/index.html @@ -0,0 +1,71 @@ +--- +title: 'HTML el atributo: minlength' +slug: Web/HTML/Atributos/minlength +tags: + - Entrada + - Input + - Referencia + - atributo + - minlength + - textarea +translation_of: Web/HTML/Attributes/minlength +--- +

El atributo minlength define el número mínimo de caracteres (como unidades de código UTF-16) que el usuario puede ingresar en un {{HTMLElement('input')}} o {{HTMLElement('textarea')}}. Debe ser un valor entero 0 o superior. Si no se especifica una longitud mínima o se especifica un número no válido, el <input> no tiene una longitud mínima. Este valor debe ser menor o igual que el valor de {{web.link("/es/docs/Web/HTML/Attributes/maxlength", "maxlength")}}; de lo contrario, el valor nunca será válido, puesto que es imposible cumplir con ambos criterios.

+ +

El <input> fallará la restricción de validación si la longitud del valor de texto del campo es menor que la longitud mínima de unidades de código UTF-16, con {{DOMxRef('validityState.tooShort')}} devolviendo true. La validación de la restricción solo se aplica cuando el usuario cambia el valor. Una vez que el envío falla, algunos navegadores mostrarán un mensaje de error que indica la longitud mínima requerida y la longitud actual.

+ +

Ejemplos

+ +

Al agregar minlength="5", el valor debe estar vacío o tener cinco caracteres o más para ser válido.

+ +
<label for="fruit">Ingresa un nombre de fruta que tenga al menos 5 letras</label> <input type="text" minlength="5" id="fruit">
+ +

Podemos usar pseudoclases para estilizar el elemento en función de si el valor es válido. El valor será válido siempre que sea null (vacío) o tenga cinco o más caracteres. Lima no es válido, limón es válido.

+ +
input {
+  border: 2px solid currentcolor;
+}
+input:invalid {
+  border: 2px dashed red;
+}
+input:invalid:focus {
+  background-image: linear-gradient(pink, lightgreen);
+}
+ +

{{EmbedLiveSample('Ejemplos', '100%', 200)}}

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + +
EspecificaciónEstado
{{SpecName('HTML WHATWG', 'input.html#attr-input-minlength', 'atributo minlength')}}{{ Spec2('HTML WHATWG') }}
{{SpecName('HTML5.1', 'input.html#attr-minlength-accept', 'atributo minlength')}}{{Spec2('HTML5.1')}}
+ +

Compatibilidad del navegador

+ + + +

{{Compat("html.elements.attribute.minlength")}}

+ +

Ve también

+ + diff --git a/files/es/web/html/attributes/multiple/index.html b/files/es/web/html/attributes/multiple/index.html new file mode 100644 index 0000000000..cbf465b0b8 --- /dev/null +++ b/files/es/web/html/attributes/multiple/index.html @@ -0,0 +1,182 @@ +--- +title: 'HTML el atributo: multiple' +slug: Web/HTML/Atributos/multiple +tags: + - Atributos + - Resticción de validación + - atributo +translation_of: Web/HTML/Attributes/multiple +--- +

El atributo booleano {{HTMLAttrxRef("multiple", "input")}}, si se establece, significa que el control del formulario acepta uno o más valores. Válido para los {{HTMLElement("input")}}s de tipo {{HTMLElement("input/email", "email")}}, {{HTMLElement("input/file", "file")}} y {{HTMLElement("select")}}, la forma en que el usuario opta por valores múltiples depende del control del formulario.

+ +

Dependiendo del tipo, el control de formulario puede tener una apariencia diferente si se establece el atributo {{HTMLAttrxRef("multiple", "input")}}. Para el {{HTMLElement("input")}} de tipo file, la mensajería nativa que proporciona el navegador es diferente. En Firefox, el {{HTMLElement("input")}} de tipo file dice "Ningún archivo seleccionado" cuando el atributo está presente y "Ningún archivo seleccionado", cuando no hay archivo seleccionado. La mayoría de los navegadores muestran un cuadro de lista de desplazamiento para un control {{HTMLElement("select")}} con el atributo {{HTMLAttrxRef("multiple", "input")}} establecido frente a un menú desplegable de una sola línea cuando se omite el atributo. El {{HTMLElement("input")}} {{HTMLElement("input/email", "email")}} muestra lo mismo, pero coincidirá con la pseudoclase {{CSSxRef(':invalid')}} si hay más de una dirección de correo electrónico separada por comas incluido si el atributo no está presente.

+ +

Cuando se establece {{HTMLAttrxRef("multiple", "input")}} en el tipo de entrada {{HTMLElement("input/email", "email")}}, el usuario puede incluir cero (si no es {{web.link("/es/docs/Web/HTML/Attributes/required", "required")}} también), una o más direcciones de correo electrónico separadas por comas.

+ +
<input type="email" multiple name="emails" id="emails">
+ +

Si y solo si se especifica el atributo {{HTMLAttrxRef("multiple", "input")}}, el valor puede ser una lista de direcciones de correo electrónico separadas por comas y formadas correctamente. Los espacios en blanco iniciales y finales se eliminan de cada dirección de la lista.

+ +

Cuando se establece {{HTMLAttrxRef("multiple", "input")}} en el tipo de entrada {{HTMLElement("input/file", "file")}}, el usuario puede seleccionar uno o más archivos. El usuario puede elegir varios archivos del selector de archivos de cualquier manera que la plataforma elegida lo permita (por ejemplo, manteniendo presionada la tecla Mayús o Control y luego haciendo clic).

+ +
<input type="file" multiple name="uploads" id="uploads">
+ +

Cuando se omite el atributo, el usuario solo puede seleccionar un único archivo por {{HTMLElement("input")}}.

+ +

El atributo {{HTMLAttrxRef("multiple", "input")}} en el elemento {{HTMLElement("select")}} representa un control para seleccionar cero o más opciones de la lista. De lo contrario, el elemento {{HTMLElement("select")}} representa un control para seleccionar una única {{HTMLElement("option")}} de la lista de opciones.

+ +
<select multiple name="drawfs" id="drawfs">
+  <option>Gruñón</option>
+  <option>Feliz</option>
+  <option>Dormilón</option>
+  <option>Tímido</option>
+  <option>Estornudo</option>
+  <option>Tontín</option>
+  <option>Doc</option>
+</select>
+ +

Cuando se especifica {{HTMLAttrxRef("multiple", "input")}}, la mayoría de los navegadores mostrarán un cuadro de lista de desplazamiento en lugar de un menú desplegable de una sola línea.

+ +

Ejemplos

+ +

input para correoᵉ

+ +
<label for="emails">¿A quién deseas enviar un correo electrónico?</label>
+<input type="email" multiple name="emails" id="emails" list="drawfemails" required size="64">
+
+<datalist id="drawfemails">
+  <option value="gruñón@woodworkers.com">Gruñón</option>
+  <option value="feliz@woodworkers.com">Feliz</option>
+  <option value="dormilón@woodworkers.com">Dormilón</option>
+  <option value="tímido@woodworkers.com">Tímido</option>
+  <option value="estornudo@woodworkers.com">Estornudo</option>
+  <option value="tontín@woodworkers.com">Tontín</option>
+  <option value="doc@woodworkers.com">Doc</option>
+</datalist>
+ + + +

Si y solo si se especifica el atributo {{HTMLAttrxRef("multiple", "input")}}, el valor puede ser una lista de direcciones de correo electrónico separadas por comas y formadas correctamente. Los espacios en blanco iniciales y finales se eliminan de cada dirección de la lista. Si el atributo {{web.link("/es/docs/Web/HTML/Attributes/required", "required")}} está presente, se requiere al menos una dirección de correo electrónico.

+ +

Algunos navegadores admiten la aparición de la {{web.link("/es/docs/Web/HTML/Attributes/list", "lista")}} de opciones del {{HTMLElement('datalist')}} para direcciones de correo electrónico posteriores cuando haya varias. Otros no lo hacen.

+ +

{{EmbedLiveSample("input_para_correoᵉ", 600, 80) }}

+ +

input de tipo file

+ +

Cuando se establece {{HTMLAttrxRef("multiple", "input")}} en el {{HTMLElement("input")}} de tipo {{HTMLElement("input/file", "file")}}, el usuario puede seleccionar uno o más archivos:

+ +
<form method="post" enctype="multipart/form-data">
+  <p>
+    <label for="uploads">
+       Elige las imágenes que deseas cargar:
+    </label>
+    <input type="file" id="uploads" name="uploads" accept=".jpg, .jpeg, .png, .svg, .gif" multiple>
+  </p>
+  <p>
+    <label for="text">Elige un archivo de texto para cargar: </label>
+    <input type="file" id="text" name="text" accept=".txt">
+ </p>
+  <p>
+    <input type="submit" value="Enviar">
+  </p>
+</form>
+ +

{{EmbedLiveSample("input_de_tipo_file", 600, 80) }}

+ +

Nota la diferencia en la apariencia entre el ejemplo con {{HTMLAttrxRef("multiple", "input")}} establecido y el otro {{HTMLElement("input")}} sin file.

+ +

Cuando se envía el formulario, utilizas el {{web.link("/es/docs/Web/HTML/Element/form", "method='get'")}} el nombre de cada archivo seleccionado se habría agregado a los parámetros de la URL como ?uploads=img1.jpg&uploads=img2.svg. Sin embargo, dado que estamos asumiendo datos de formularios de {{web.link("/es/docs/Web/API/XMLHttpRequest/multipart", "multipart")}}, usamos mucho el post. Consulta el elemento {{HTMLElement('form')}} y {{web.link("/es/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data#The_method_attribute", "envío de datos del formulario")}} para obtener más información.

+ +

select

+ +

El atributo {{HTMLAttrxRef("multiple", "input")}} en el elemento {{HTMLElement("select")}} representa un control para seleccionar cero o más opciones de la lista. De lo contrario, el elemento {{HTMLElement("select")}} representa un control para seleccionar una única {{HTMLElement("option")}} de la lista de opciones. El control generalmente tiene una apariencia diferente en función de la presencia del atributo {{HTMLAttrxRef("multiple", "input")}}, y la mayoría de los navegadores muestran un cuadro de lista de desplazamiento en lugar de una lista desplegable de una sola línea cuando el atributo está presente.

+ +
<form method="get" action="#">
+<p>
+ <label for="dwarfs">Selecciona los leñadores que te gusten:</label>
+  <select multiple name="drawfs" id="drawfs">
+    <option>gruñón@woodworkers.com</option>
+    <option>feliz@woodworkers.com</option>
+    <option>dormilón@woodworkers.com</option>
+    <option>tímido@woodworkers.com</option>
+    <option>estornudo@woodworkers.com</option>
+    <option>tontín@woodworkers.com</option>
+    <option>doc@woodworkers.com</option>
+  </select>
+</p>
+<p>
+ <label for="favoriteOnly">Selecciona tu favorito:</label>
+  <select name="favoriteOnly" id="favoriteOnly">
+    <option>gruñón@woodworkers.com</option>
+    <option>feliz@woodworkers.com</option>
+    <option>dormilón@woodworkers.com</option>
+    <option>tímido@woodworkers.com</option>
+    <option>estornudo@woodworkers.com</option>
+    <option>tontín@woodworkers.com</option>
+    <option>doc@woodworkers.com</option>
+  </select>
+</p>
+<p>
+  <input type="submit" value="Enviar">
+</p>
+</form>
+ +

{{EmbedLiveSample("select", 600, 120) }}

+ +

Ten en cuenta la diferencia de apariencia entre los dos controles de formulario.

+ +
/* descomenta este CSS para que el multiple tenga la misma altura que single */
+
+/*
+select[multiple] {
+  height: 1.5em;
+  vertical-align: top;
+}
+select[multiple]:focus,
+select[multiple]:active {
+  height: auto;
+}
+*/
+ +

Hay varias formas de seleccionar varias opciones en un elemento <select> con un atributo {{HTMLAttrxRef("multiple", "input")}}. Dependiendo del sistema operativo, los usuarios del ratón pueden mantener presionadas las teclas Ctrl, Comando o Mayús y luego hacer clic en varias opciones para seleccionarlas o deseleccionarlas. Los usuarios de teclado pueden seleccionar varios elementos contiguos centrándose en el elemento <select>, seleccionando un elemento en la parte superior o inferior del rango que desean seleccionar usando Arriba y Teclas del cursor hacia abajo para subir y bajar las opciones. La selección de elementos no contiguos no es tan compatible: los elementos se deben poder seleccionar y deseleccionar presionando Espacio, pero el soporte varía entre los navegadores.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'input.html#attr-input-multiple', 'Atributo multiple')}}{{ Spec2('HTML WHATWG') }}
{{SpecName('HTML5 W3C', 'input.html#attr-input-multiple', 'Atributo multiple')}}{{ Spec2('HTML5 W3C') }}
+ +

Problemas de accesibilidad

+ +

Proporciona instrucciones para ayudar a los usuarios a comprender cómo completar el formulario y utilizar controles de formulario individuales. Indica cualquier entrada requerida y opcional, formatos de datos y otra información relevante. Cuando utilices el atributo {{HTMLAttrxRef("multiple", "input")}}, informa al usuario que se permiten múltiples valores y proporciona instrucciones sobre cómo proveer más valores, como "direcciones de correo electrónico separadas con una coma".

+ +

Configurar {{web.link("/es/docs/Web/HTML/Attributes/size", "size")}}="1" en una selección múltiple puedes hacer que aparezca como una única selección en algunos navegadores, pero luego no se expande en el enfoque, lo que perjudica la usabilidad. No hagas eso. Si cambias la apariencia de un select, e incluso si no lo haces, asegúrate de informar al usuario que se puede seleccionar más de una opción mediante otro método.

+ +

Ve también

+ + diff --git a/files/es/web/html/canvas/a_basic_ray-caster/index.html b/files/es/web/html/canvas/a_basic_ray-caster/index.html deleted file mode 100644 index 7917541554..0000000000 --- a/files/es/web/html/canvas/a_basic_ray-caster/index.html +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: A basic ray-caster -slug: Web/HTML/Canvas/A_basic_ray-caster -tags: - - Avanzado - - Canvas - - Ejemplo - - Espanol(2) - - Gráficos(2) - - HTML - - Necesita traducción - - Web -translation_of: Web/API/Canvas_API/A_basic_ray-caster ---- -
{{CanvasSidebar}}
- -
-

Este artículo proporciona un interesante ejemplo de la vida real usando el elemento {{HTMLElement("canvas")}} para renderizar un sencillo entorno 3D usando una técnica de render llamada ray-casting.

-
- -

{{EmbedGHLiveSample("canvas-raycaster/index.html", 900, 300)}}

- -

Abrir en una nueva ventana

- -

¿Por qué?

- -

 

- -

Después de darme cuenta, para mi satisfacción, de que el ingenioso elemento <canvas> sobre el que había estado leyendo, no sólo iba a recibir soporte por parte de Firefox, sino que ya estaba soportado por la versión actual de Safari, así que tenía que ponerme manos a la obra y hacer un pequeño experimento.

- -

El tutorial y el resumen que encontré en la MDN son geniales, pero nadie había escrito nada (todavía) sobre animación, así que pensé que sería una buena oportunidad para portar un sencillo raycaster en el que había trabajado hacía tiempo y comprobar qué tipo de rendimiento podía esperar de un buffer de pixeles controlado por JavaScript.

- -

¿Cómo?

- -

La idea es sencilla, usar {{domxref("WindowTimers.setInterval","setInterval()")}} con un retraso arbitrario que se corresponde con la velocidad de fotogramas deseada. Por cada llamada al intervalo se ejecutará una función que volverá a pintar el elemento <canvas>  en el que se muestra la vista actual del usuario. Sé que podría haber empezado con un ejemplo más simple, pero creo que el tutorial sobre <canvas> vale para eso, y quería ver si podía hacer esto.

- -

Continuemos, por cada actualización, el raycaster comprueba si has presionado alguna tecla, si no has presionado ninguna se mantendrán los cálculos para ahorrar tiempo de ejecución. Si se ha presionado alguna tecla, el <canvas> es borrado, el suelo y el cielo son pintados, la posición y la orientación de la cámara son actualizados, y los rayos son lanzados. Según van intersectando los rayos con las paredes se van pintando líneas verticales de pared del color de la pared con la que han colisionado, mezcladas con una versión más oscura del color en función de la distancia a la que se encuentra la pared. La altura de la línea vertical depende directamente de la distancia a la que el rayo es interesectado, dibujándose centrada con respecto la línea del horizonte.

- -

El código que he terminado usando es una amalgama regurgitada del código que aparece en los capítulos sobre raycasting del libro de André LaMothe Tricks of the Game Programming Gurus y una versión en java de un raycaster que encontré online, a su vez pasado por el filtro de mi pulsión a renombrar todo para que tenga sentido para mí y todo el chapuceo necesario para que las cosas funcionen bien.

- -

Resultados

- -

El <canvas> en Safari 2.0.1 rindió sorprendentemente bien. Renderizando columnas de 8 pixeles de ancho, puedo correr una ventana de 320 x 240 a 24 FPS en mi Apple Mini. Firefox 1.5 Beta 1 es incluso más rápido; puedo correr una ventana de 320 x 240 a 24 FPS con columnas de 4 píxeles de ancho. No es exactamente un nuevo miembro de la familia de ID Software, pero es bastante decente teniendo en cuenta que es un entorno completamente interpretado, y que no me he tenido que preocupar de reservar memoria, ni modos de vídeo o escribir rutinas en ensamblador. Aún así el código intenta ser lo más eficiente posible, usando tablas de acceso rápido para valores precalculados, pero no soy ningún gurú de la optimización, así que seguramente haya varias cosas que se puedan escribir más rápido.

- -

Además, deja bastante que desear en términos de intentar convertir esto en un motor de juego - no hay texturas en las paredes, no hay sprites, no hay puertas, ni siquiera hay teletransportadores que te permitan ir a otro nivel. Pero tengo bastante confianza en que todas esas cosas se podrían añadir con el suficiente tiempo disponible. La API de canvas soporta copiado de píxeles de imágenes, así que tener texturas parece bastante factible. Dejaré esto para otro artículo, seguramente para otra persona. =)

- -

El ray-caster

- -

El gente tan maravillosa que hay aquí han copiado manualmente mis archivos así vosotros podéis echarle un vistazo, y para vuestro disfrute he puesto los archivos individuales como listados de código (ver abajo).

- -

¡Así que aquí lo tenéis, arrancad Safari 1.3+ o Firefox 1.5+ o cualquier otro navegador que soporte el elemento <canvas> y a disfrutar!
-
- input.js | Level.js | Player.js | RayCaster.html | RayCaster.js | trace.css | trace.js

- -

Ver también

- - diff --git a/files/es/web/html/canvas/drawing_graphics_with_canvas/index.html b/files/es/web/html/canvas/drawing_graphics_with_canvas/index.html deleted file mode 100644 index 7271aabfb7..0000000000 --- a/files/es/web/html/canvas/drawing_graphics_with_canvas/index.html +++ /dev/null @@ -1,162 +0,0 @@ ---- -title: Dibujando gráficos con canvas -slug: Web/HTML/Canvas/Drawing_graphics_with_canvas -translation_of: Web/API/Canvas_API/Tutorial -translation_of_original: Web/API/Canvas_API/Drawing_graphics_with_canvas ---- -
-

Most of this content (but not the documentation on drawWindow) has been rolled into the more expansive Canvas tutorial, this page should probably be redirected there as it's now redundant but some information may still be relevant.

-
-

Introduction

-

Firefox 1.5, incluye un nuevo elemento HTML para gráficos programables.   <canvas> está basado en la especificación de canvas WHATWG, la que a su vez está basada en el <canvas> de Apple, implementado en Safari.   Puede ser usado para la renderización de gráficos, elementos de Interfaz de usuarios, y otros gráficos personalizados en el cliente.

-

La etiqueta <canvas> crea una superficie de dibujo de tamaño fijo que expone uno o más contextos de renderizado.   Nos enfocaremos en la representación del contexto 2D   Para gráficos 3D, podrías usar la representación del contexto WebGL

-

El contexto de representación 2D

-

Un ejemplo sencillo

-

Para comenzar, aquí un sencillo ejemplo que dibuja dos rectángulos interesándose, uno de los cuales tiene transparencia alfa.

-
function draw() {
-  var ctx = document.getElementById('canvas').getContext('2d');
-
-  ctx.fillStyle = "rgb(200,0,0)";
-  ctx.fillRect (10, 10, 55, 50);
-
-  ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
-  ctx.fillRect (30, 30, 55, 50);
-}
-
- -

{{EmbedLiveSample('A_Simple_Example','150','150','/@api/deki/files/602/=Canvas_ex1.png')}}

-

La funcion draw obtiene el elemento canvas, entonces obtiene el contexto 2D.   El objeto ctx puede entonces actualmente ser renderizado para el canvas   El ejemplo simplemente llena dos rectangulos, configurando fillStyle a dos diferentes colores utilizando las especificaciones de color de CSS y llamando a fillRect   El segundo FillStyle usa rgba() para especificar un valor alpha junto con el color.

-

El fillRect, strokeRect, y clearRect llama a render a ser llenado, bosquejado o limpiar rectangulo.   Para representar formas más complejas, se usan trayectorias.  

-

Usando trayectorias

-

La funcion Path inicia un nuevo trazo, y move to, line to, arc to, arc, y metodos similares son usados para agregar segmentos al trazo.   La trayectoria puede ser cerrada usando closePath   Una vez la trayectoria es creada, puedes usar fill o stroke para representar la trayectoria en el canvas.

-
function draw() {
-  var ctx = document.getElementById('canvas').getContext('2d');
-
-  ctx.fillStyle = "red";
-
-  ctx.beginPath();
-  ctx.moveTo(30, 30);
-  ctx.lineTo(150, 150);
-  // was: ctx.quadraticCurveTo(60, 70, 70, 150); which is wrong.
-  ctx.bezierCurveTo(60, 70, 60, 70, 70, 150); // <- this is right formula for the image on the right ->
-  ctx.lineTo(30, 30);
-  ctx.fill();
-}
-
- -

{{EmbedLiveSample('Using_Paths','190','190','/@api/deki/files/603/=Canvas_ex2.png')}}

-

Llamando fill() o stroke() causa que el trazo sea usado.   Para ser llenado o juntado otra vez, el trazo debe ser recreado.

-

Estado de gráficos

-

Los atributos del contexto como fillStyle, strokeStyle, lineWidth, y lineJoin son parte de actual estado de graficos   El contexto provee dos metodos, save() y restore(), que pueden ser usados para mover el actual estado y desde estado stack.

-

Un ejemplo más complicado

-

Hay aquì un ejemplo más complicado, que usa rutas,estado y tambien introduce la actual matriz de transformación.   Los metodos de contexto translate(), scale(), y rotate() todos transforman la matriz actual.   Todos los puntos renderizados son primero transformados por esta matriz.

-
function drawBowtie(ctx, fillStyle) {
-
-  ctx.fillStyle = "rgba(200,200,200,0.3)";
-  ctx.fillRect(-30, -30, 60, 60);
-
-  ctx.fillStyle = fillStyle;
-  ctx.globalAlpha = 1.0;
-  ctx.beginPath();
-  ctx.moveTo(25, 25);
-  ctx.lineTo(-25, -25);
-  ctx.lineTo(25, -25);
-  ctx.lineTo(-25, 25);
-  ctx.closePath();
-  ctx.fill();
-}
-
-function dot(ctx) {
-  ctx.save();
-  ctx.fillStyle = "yellow";
-  ctx.fillRect(-2, -2, 4, 4);
-  ctx.restore();
-}
-
-function draw() {
-  var ctx = document.getElementById('canvas').getContext('2d');
-
-  // note that all other translates are relative to this one
-  ctx.translate(45, 45);
-
-  ctx.save();
-  //ctx.translate(0, 0); // unnecessary
-  drawBowtie(ctx, "red");
-  dot(ctx);
-  ctx.restore();
-
-  ctx.save();
-  ctx.translate(85, 0);
-  ctx.rotate(45 * Math.PI / 180);
-  drawBowtie(ctx, "green");
-  dot(ctx);
-  ctx.restore();
-
-  ctx.save();
-  ctx.translate(0, 85);
-  ctx.rotate(135 * Math.PI / 180);
-  drawBowtie(ctx, "blue");
-  dot(ctx);
-  ctx.restore();
-
-  ctx.save();
-  ctx.translate(85, 85);
-  ctx.rotate(90 * Math.PI / 180);
-  drawBowtie(ctx, "yellow");
-  dot(ctx);
-  ctx.restore();
-}
-
- -

{{EmbedLiveSample('A_More_Complicated_Example','215','215','/@api/deki/files/604/=Canvas_ex3.png')}}

-

Esto define dos métodos, lazo y punto, que son llamados 4 veces.   Antes de cada llamada, los metodos translate() y rotate() son utilizados para la matriz de transformación actual, que a su vez posicionara el punto y el lazo.   el punto presenta un pequeño cuadrado negro centrado a (0,0).   Ese punto se mueve alrededor de la matriz de transformación.   El lazo presenta un simple ruta de lazo usando el estillo de llenado pasado.

-

Como las operaciones de la matriz son acumulativas, save() y restore() son utilizados para cada conjunto de llamadas para restaurar el estado de canvas original.   Una cosa a tener en cuenta es que la rotación siempre se produce en torno al origen actual, por lo que a traducir () rotate () translate () secuencia producirá resultados diferentes a traducir () translate () serie de llamadas rotate ().

-

Compatibilidad con Apple <canvas>

-

En su mayor parte, <canvas> es compatible con Apple y otras implementaciones.   Hay, sin embargo, algunas cuestiones a tener en cuenta, que se describen aquí.

-

Etiqueta </canvas> requerida 

-

En la aplicación de Apple Safari, <canvas> es un elemento ejecutado de la misma manera <img> es, sino que no tiene una etiqueta de cierre.   Sin embargo, para <canvas> tener uso generalizado en la web, se debe proporcionar alguna facilidad para contenido de reserva.   Por lo tanto, la implementación de Mozilla tiene una etiqueta de cierre requerida.

-

Si no se necesita contenido de reserva, un simple <canvas id="foo" ...> </ canvas> será totalmente compatible con Safari y Mozilla - Safari simplemente ignorar la etiqueta de cierre.

-

Si se desea contenido de reserva, algunos trucos CSS se deben emplear para enmascarar el contenido de reserva desde Safari (las cuales deben emitir sólo la tela), y también para enmascarar los propios trucos CSS de IE (que debería hacer que el contenido de reserva).

-
canvas {
-  font-size: 0.00001px !ie;
-}
-

Caracteristicas adicionales  

-

Renderizando el contenido we dentro de un Canvas.

-
- Esta caracteristica esta solo disponible para codigo ejecutado con privilegios de Chrome.   No esta permitido en paginas HTML normales. Porqué leer.
-

El canvas de Mozilla se extendio con el metodo drawWindow().   Este metodo dibuja una instantanea de los contenidos de una ventana DOM dentro del canvas. Por ejemplo:

-
ctx.drawWindow(window, 0, 0, 100, 200, "rgb(255,255,255)");
-
-

atraería el contenido de la ventana actual, en el rectángulo (0,0,100,200) en píxeles con respecto a la parte superior izquierda de la ventana, sobre un fondo blanco, en el lienzo.   Mediante la especificación de "rgba (255,255,255,0)" como el color, el contenido no se dibujan con un fondo transparente (lo que sería más lenta).

-

Normalmente es una mala idea usar un fondo distinto de blanco "rgb(255, 255, 255)" o transparente, esto es lo que hacen todos los navegadores, y muchos sitios web esperan que esas partes transparentes de su interfaz serán puestas en fondo blanco.

-

Con este metodo, es posible ocupar un IFRAME oculto con contenido arbitrario (por ejemplo, texto HTML con estilo CSS, o SVG) y dibujarlo dentro de un canvas.   sera escalado, rotado y sucesivamente de acuerdo a la transformación actual.

-

Extensión de previsualización pestaña de Ted Mielczarek utiliza esta técnica en cromo para proporcionar imágenes en miniatura de las páginas web, y la fuente está disponible para su referencia.  

-
- Nota: usar canvas.drawWindow() mientras manejamos un evento de carga de documento, no trabaja   En Firefox 3.5 o superior, puedes hacer esto en un manejador para el evento MozAfterPaint para dibujr satisfactoriamente un contenido HTML dentro de un canvas al cargar la pagina  
-

See also

- diff --git a/files/es/web/html/canvas/index.html b/files/es/web/html/canvas/index.html deleted file mode 100644 index dfdde2bf63..0000000000 --- a/files/es/web/html/canvas/index.html +++ /dev/null @@ -1,170 +0,0 @@ ---- -title: API Canvas -slug: Web/HTML/Canvas -tags: - - API - - Canvas - - JavaScript - - Referencia - - introducción -translation_of: Web/API/Canvas_API ---- -
{{CanvasSidebar}}
- -

Añadido en HTML5, el elemento HTML {{HTMLElement("canvas")}} se puede usar para dibujar gráficos mediante scripting en JavaScript. Por ejemplo, se puede usar para hacer gráficas, composiciones fotográficas, crear animaciones, o incluso procesado o renderizado de vídeo en tiempo real.

- -

Las aplicaciones de Mozilla soportan <canvas> desde Gecko 1.8 (es decir, Firefox 1.5). El elemento fue inicialmenmte presentado por Apple para el Dashboard de OS X y Safari. Internet Explorer soporta <canvas> desde la versión 9 en adelante; para versiones anteriores de IE, se puede añadir soporte para <canvas> a una página incluyendo un script del proyecto de Google Explorer Canvas. Google Chrome y Opera 9 también soportan <canvas>.

- -

El elemento <canvas> también se usa en WebGL para dibujar gráficos 3D con aceleración por hardware en páginas web.

- -

Ejemplo

- -

Esto es un trozo de código que usa el método {{domxref("CanvasRenderingContext2D.fillRect()")}}.

- -

HTML

- -
<canvas id="canvas"></canvas>
-
- -

JavaScript

- -
var canvas = document.getElementById('canvas');
-var ctx = canvas.getContext('2d');
-
-ctx.fillStyle = 'green';
-ctx.fillRect(10, 10, 100, 100);
-
- -

Edita este código para ver tus cambios en tiempo real en este canvas:

- - - -

{{ EmbedLiveSample('Código_editable', 700, 360) }}

- -

Referencia

- -
- -
- -

Las interfaces relacionadas con WebGLRenderingContext están en WebGL.

- -

{{domxref("CanvasCaptureMediaStream")}} está relacionado..

- -

Guías y tutoriales

- -
-
Tutorial Canvas
-
Tutorial exhaustivo que cubre tanto el uso básico de <canvas> como sus características avanzadas.
-
Fragmentos de código: Canvas
-
Algunos fragmentos de código orientados al desarrollador de extensiones usando <canvas>.
-
Demo: Un laberinto básico
-
Una demo de una animación de laberinto usando canvas.
-
Dibujar objetos DOM en un canvas
-
Cómo dibujar contenido DOM, como elementos HTML, en un canvas.
-
Manipulación de vídeo usando canvas
-
Combinando {{HTMLElement("video")}} y {{HTMLElement("canvas")}} para manipular datos de vídeo en tiempo real.
-
- -

Recursos

- -

Genéricos

- - - -

Librerías

- - - -

Especificaciones

- - - - - - - - - - - - - - - - -
EspecificaciónEstadoComentarios
{{SpecName('HTML WHATWG', 'scripting.html#the-canvas-element', '<canvas>')}}{{Spec2('HTML WHATWG')}} 
- -

Ver también

- - diff --git "a/files/es/web/html/consejos_para_la_creaci\303\263n_de_p\303\241ginas_html_de_carga_r\303\241pida/index.html" "b/files/es/web/html/consejos_para_la_creaci\303\263n_de_p\303\241ginas_html_de_carga_r\303\241pida/index.html" deleted file mode 100644 index b44128e05d..0000000000 --- "a/files/es/web/html/consejos_para_la_creaci\303\263n_de_p\303\241ginas_html_de_carga_r\303\241pida/index.html" +++ /dev/null @@ -1,53 +0,0 @@ ---- -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 ---- -

Consejos para la creación de páginas HTML de carga rápida

- -

Estos consejos estan basados en conocimiento común y experimentación.

- -

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.

- -

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. Es tan importante para el contenido de banda ancha y puede conducir a mejoras espectaculares incluso para sus visitantes con las conexiones más rápidas.

- -

Consejos

- -

Reducir el peso de las páginas web

- -

El peso de las páginas web es por mucho el factor más importante en el rendimiento de carga de una página.

- -

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.

- -

Herramientas como HTML Tidy pueden quitar automáticamente espacios en blanco y las líneas en blanco adicionales de código fuente HTML valido. Otras herramientas pueden "comprimir" JavaScript al reformatear el codigo fuente o por ofuscación la fuente y la sustitución de los identificadores largos con versiones mas cortas.

- -

Minimizar el número de archivos

- -

Reducir el número de archivos referentes en una pagina web baja el número de conexiones HTTP requeridas para bajar la página.

- -

Dependiendo de la configuración de cache de un navegador, puede enviar una petición "If-Modified-Since" 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.

- -

Al reducir el número de archivos que son refereciados dentro de una página web, se reduce el tiempo necesario para que estas solicitudes se envíen, y para que  sus respuestas que se reciban.

- -

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 se aplica la misma imagen cada vez que lo necesite para un fondo, ajustando las coordenadas el eje (X / Y) 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.

- -

Demasiado tiempo gastado en consultar la ultima modificación de los archivos referenciados puede demorar la pantalla inicial de una página web, ya que el explorador debe comprobar la fecha de modificación de cada archivo CSS o JavaScript, antes de pintar la página.

- -

Reducir la busqueda de dominios

- -

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 que aparecen en enlace CSS (s),  JavaScript y recursos de imagen.

- -

Esto no puede ser siempre práctico; sin embargo siempre se debe tener cuidado de usar sólo el número mínimo necesario de los diferentes dominios en sus páginas.

- -

Reutilización de contenido de cache

- -

Asegúrese de que cualquier contenido que se pueden almacenar en caché, se almacena en caché, y con fechas de caducidad correspondientes.

- -

En particular, prestar atención a la cabecera "Last-Modified". Permite el eficiente almacenamiento en cache de la página; por medio de esta cabecera, la información se transmite al agente de usuario sobre el archivo que quiere cargar, por ejemplo, como cuando fue modificada por última vez. La mayoría de los servidores web añadirá automáticamente la cabecera Last-Modified para páginas estáticas (por ejemplo .html, .css), basado en la fecha de última modificación almacenada en el sistema de archivos. Con páginas dinámicas (por ejemplo, .php, .aspx), esto, por supuesto, no se puede hacer, y la cabecera no se envía.

- -

Así, en particular para las páginas que se generan de forma dinámica, un poco de investigación sobre este tema es beneficioso. Puede ser un poco complicada, pero se ahorrará mucho en las solicitudes de página en las páginas que normalmente no serían cacheable.

diff --git a/files/es/web/html/cors_enabled_image/index.html b/files/es/web/html/cors_enabled_image/index.html new file mode 100644 index 0000000000..4de4e94617 --- /dev/null +++ b/files/es/web/html/cors_enabled_image/index.html @@ -0,0 +1,115 @@ +--- +title: Imagen con CORS habilitado +slug: Web/HTML/Imagen_con_CORS_habilitado +tags: + - Avanzado + - CORS + - Canvas + - HTML + - Referencia + - Seguridad +translation_of: Web/HTML/CORS_enabled_image +--- +

La especificación HTML introduce un atributo {{ htmlattrxref("crossorigin", "img") }} para imágenes que, en conjunto con el encabezado  {{Glossary("CORS")}} apropiado, permite definir imágenes con el elemento {{ HTMLElement("img") }} que se carguen de orígenes externos dentro de un lienzo (canvas) como si estas fuesen cargadas del origen actual.

+ +

Vea el artículo "Atributos de configuración CORS" para mas detalles de como el atributo "crossorigin" es usado.

+ +

¿Qué es un "tainted" canvas? 

+ +

Aunque puedes usar imágenes sin la aprobación del CORS en el elemento canvas, hacerlo puede "manchar" el canvas. Por ejemplo, no puedes usar los métodos canvas toBlob(), toDataURL(), or getImageData(). Si los usas se lanzará un mensaje de seguridad.

+ +

Esto protegerá a los usuarios de tener información privada usada por medio de imágenes que cogen información desde otras web sin permiso.

+ +

Ejemplo: Almacenando una imagen desde un origen externo

+ +

Debes de tener un servidor de hosting de imágenes con el apropiado Access-Control-Allow-Origin header. Añadiendo el atributo crossOrigin crea un request header.

+ +

Puedes utilizar este fragemto de la configuración del servidor Apache del Boilerplate HTML5 para responder apropiadamente con este encabezado de respuesta.

+ +
<IfModule mod_setenvif.c>
+    <IfModule mod_headers.c>
+        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
+            SetEnvIf Origin ":" IS_CORS
+            Header set Access-Control-Allow-Origin "*" env=IS_CORS
+        </FilesMatch>
+    </IfModule>
+</IfModule>
+ +

Dado que está todo ordenado, serás capás de guardar esas imagenes en el almacenamiento del DOM, así como si fueran solicitados de tu dominio.

+ +
var img = new Image,
+    canvas = document.createElement("canvas"),
+    ctx = canvas.getContext("2d"),
+    src = "http://example.com/image"; // insert image url here
+
+img.crossOrigin = "Anonymous";
+
+img.onload = function() {
+    canvas.width = img.width;
+    canvas.height = img.height;
+    ctx.drawImage( img, 0, 0 );
+    localStorage.setItem( "savedImageData", canvas.toDataURL("image/png") );
+}
+img.src = src;
+// make sure the load event fires for cached images too
+if ( img.complete || img.complete === undefined ) {
+    img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
+    img.src = src;
+}
+ +

Compatibilidad con los navegadores

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico138{{ CompatNo() }}{{ CompatNo() }}{{ CompatUnknown() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

También puede ver

+ + diff --git a/files/es/web/html/element/a/index.html b/files/es/web/html/element/a/index.html new file mode 100644 index 0000000000..e35402f7a5 --- /dev/null +++ b/files/es/web/html/element/a/index.html @@ -0,0 +1,321 @@ +--- +title: +slug: Web/HTML/Elemento/a +tags: + - Contenido + - Ejemplo + - Elemento + - HTML + - Principiante + - Referencia + - Web +translation_of: Web/HTML/Element/a +--- +
{{HTMLRef}}
+ +

El Elemento HTML Anchor <a> crea un enlace a otras páginas de internet, archivos o ubicaciones dentro de la misma página, direcciones de correo, o cualquier otra URL.

+ +
{{EmbedInteractiveExample("pages/tabbed/a.html")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoContenido de flujo, contenido de párrafo, contenido interactivo, contenido palpable
Contenido permitidoTransparente, que contiene contenido de flujo (excluyendo contenido interactivo) o contenido de párrafo.
Omisión de etiquetas{{no_tag_omission}}
Elementos principales permitidosCualquier elemento que acepte contenido de párrafo o cualquier elemento que acepte contenido de flujo, sin embargo simpre excluyendo los elementos <a> (de acuerdo con el principio lógico de simetría, si una etiqueta <a> como padre, no puede contener contenido interactivo, entonces el mismo contenido de <a> no puede tener una etiqueta <a> como su padre).
Roles ARIA permitidos{{ARIARole("button")}}, {{ARIARole("checkbox")}}, {{ARIARole("menuitem")}}, {{ARIARole("menuitemcheckbox")}}, {{ARIARole("menuitemradio")}}, {{ARIARole("option")}}, {{ARIARole("radio")}}, {{ARIARole("switch")}}, {{ARIARole("tab")}}, {{ARIARole("treeitem")}}
Interfaz DOM{{domxref("HTMLAnchorElement")}}
+ +

Atributos

+ +

Este elemento incluye los atributos globales.

+ +
+
{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}
+
Este atributo, indica descargar a los navegadores una URL en lugar de navegar hacia ella, por lo que el usuario será dirigido para salvarla como un archivo local.  Si el atributo tiene un valor, éste se utilizará como nombre de archivo por defecto en el mensaje Guardar que se abre cuando el usuario hace clic en el enlace (sin embargo, el usuario puede cambiar el nombre antes de guardar el archivo). No hay restricciones sobre los valores permitidos, aunque: / y: \ se convertirán en guiones bajos (underscores), lo que evitará sugerencias de ruta específicas.  Se debe tener en cuenta que la mayoría de los sistemas de archivos tienen limitaciones con respecto a los símbolos de puntuación admitidos en los nombres de archivo, por lo que los navegadores ajustarán los nombres de los archivos en consecuencia. +
Notas: +
    +
  • Este atributo sólo funciona para las políticas de mismo origen (same-origin URLs).
    • +
  • Este atributo puede ser utilizado con blob: URLs y data: URLs para descargar contenido generado por JavaScript, tales como fotografías creadas por una aplicación web de edición de imágenes.
    • +
  • Si el encabezado (header) HTTP Content-Disposition: proporciona un nombre de archivo diferente al de este atributo, el encabezado HTTP tiene prioridad sobre este atributo.
    • +
  • Si Content-Disposition: está ajustado a inline, Firefox prioriza Content-Disposition, como en el caso del nombre de archivo, mientras que Chrome prioriza el atributo download.
    • +
+
+
+
{{htmlattrdef("href")}}
+
Contiene una URL o un fragmento de URL al cual apunta el enlace.
+
Un fragmento de URL es un nombre ("name") precedido por el símbolo de número (#), el cual especifíca una ubicación interna objetivo (un ID de un elemento HTML) dentro del actual documento. Las URLs no están restringidas sólo a documentos de internet basados en HTTP, sin embargo pueden utilizar cualquier protocolo soportado por el navegador. Por ejemplo, file:, ftp:, and mailto: funcionan en la mayoría de los navegadores.
+
Este atributo puede ser omitido (a partir de HTML5) para crear un enlace de marcador de posición. Un enlace de marcador de posición se parece a un enlace tradicional, pero que no dirige a algún lugar. +
+

Nota: Puede ser utilizado href="#top" o un fragmento vacío href="#" para enlazar a la parte superior de la página actual. Este comportamiento está especficado en HTML5.

+
+
+
{{htmlattrdef("hreflang")}}
+
Este atributo indica el lenguaje humano del recurso al que se enlaza. Este es únicamente informativo, sin ninguna funcionalidad incorporada. Los valores permitidos están determinados por BCP47.
+
{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
+
Indica que referencia (referer) enviar cuado la URL es recuperada: +
    +
  • 'no-referrer' significa Referer: el encabezado no será enviado.
    • +
  • 'no-referrer-when-downgrade' significa sin Referer: el encabezado será enviado cuando se navega a un origen (origin) sin HTTPS. Este es un comportamiento por defecto.
    • +
  • 'origin' significa que el "referrer" estará en el origen (origin) de la página, no incluye la información posterior al dominio.
    • +
  • 'origin-when-cross-origin' significa que la navegación a otros orígenes (origins) será limitada al esquema (scheme), el host y el puerto, mientras que la navegación en el mismo origen (origin) incuirá la trayectoria de referencia (referrer's path).
    • +
  • 'unsafe-url' significa que la referencia (referrer) incuirá el origen(origin) y la trayectoria (path), pero no el fragmento, contraseña o nombre de usuario. Esto es inseguro, ya que puede filtrar datos desde una URL segura hacia URLs inseguras.
    • +
+
+
{{htmlattrdef("rel")}}
+
Especifica la relación del objeto de destino con el objeto de enlace. El valor es una lista separada por espacios de tipos de enlace tipos de enlace (link types).
+
{{htmlattrdef("target")}}
+
Especifica en donde desplegar la URL enlazada. Es un nombre (name of), o palabra clave (keyword for), un contexto de navegación (browsing context): una pestaña, ventana, o <iframe>. Las siguientes palabras clave (keywords) tienen significado especial: +
    +
  • _self: Carga la URL en el mismo contexto de navegación que el actual. Este es el comportamiento por defecto.
    • +
  • _blank: Carga la URL en un nuevo contexto de navegación. Usualmente es una pestaña, sin embargo, los usuarios pueden configurar los navegadores para utilizar una ventana nueva en lugar de la pestaña.
    • +
  • _parent: Carga la URL en el contexto de navegación padre (parent) del actual. Si no existe el padre, este se comporta del mismo modo que _self.
    • +
  • _top: Carga la URL en le contexto más alto de navegación (el cual es un ancestro del actual, y no tiene padre (parent)). Si no hay padre (parent), este se comporta del mismo modo que _self.
    • +
+ +
+

Nota: Cuando se utiliza target, considera agregar rel="noopener noreferrer" para evitar el uso de la API window.opener.

+
+
+
{{htmlattrdef("type")}}
+
Especifica el tipo de medio (media type) en la forma de {{Glossary("MIME type")}} para la URL enlazada. Esto es únicamente informativo, sin ninguna funcionalidad incorporada.
+
+

Obsoleto

+
+
{{htmlattrdef("charset")}} {{obsoleteGeneric("inline","HTML5")}}
+
Este atributo define la codificación de caracteres (character encoding) de la URL enlazada. El valor debe de ser una lista delimitada por espacio y/o coma de caracteres definidos en RFC 2045. El valor por defecto es ISO-8859-1. +
+

Nota de uso: Este atributo es obsoleto en HTML5 y no debe ser utilizado por autores. Para lograr su efecto, se debe utilzar el encabezado HTTP Content-Type: en la URL enlazada.

+
+
+
{{htmlattrdef("coords")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}
+
Para utilizar con el siguiente atributo shape, este atributo utiliza una lista de números separada por comas para definir las coordenadas del enlace en la página.
+
{{htmlattrdef("name")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}
+
Este atributo era requerido para anclas (anchors) que definían una posible ubicación dentro de la página. En HTML 4.01, id y name podían ser utilizados simultáneamente en un elemento <a> simpre y cuando tuvieran valores idénticos. +
+

Nota de uso: Este atributo es obsoleto en HTML5, se utiliza el atributo global id en su lugar.

+
+
+
{{htmlattrdef("rev")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}
+
Este atributo especifica un enlace inverso, la relación inversa del atributo rel. Fue desechado por ser muy confuso.
+
{{htmlattrdef("shape")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}
+
Este atributo era utilizado para definir una región de enlaces para crear un mapa de imagen. El valore es circle, default, polygon, y rect. El formato del atributo coords depende del valor de la forma geométrica. Para circle, el valor es x,y,r donde x y y son las coordenadas en pixel para el centro del círculo y  r es el valor del radio en pixeles. Para rect, el atributo coords debe ser x,y,w,h. Los valores x y y definen la esquina superior izquierda del rectángulo, mientras que w y h definen el ancho y el alto respectivamente. Un valor del polygon para shape requiere los valores x1,y1,x2,y2,...para coords. Cada uno de los pares x,y definen un punto en el polígono, con puntos sucesivos que son unidos por líneas rectas y el útlimo punto se une al primer punto. El valor default para shape Requiere que el área encerrada, típicamente una imágen, sea utilizada. +
Nota: Utilice el atributo usemap para el elemento {{HTMLElement("img")}} y el elemento asociado {{HTMLElement("map")}} para definir puntos de acceso (hotspots) en lugar del atributo shape.
+
+
+ +
+

+ +

Ejemplos

+ +

Enlazando a una ubicación externa

+ +
<!-- anclaje a un archivo externo -->
+<a href="https://www.mozilla.com/">
+Enlace externo
+</a>
+ +

Resultado

+ +

Enlace externo

+ +

Enlazando a otra sección de la misma página

+ +
<!-- enlace a un elemento en esta página con id="attr-href" -->
+<a href="#attr-href">
+Descripción de enlaces de la misma página
+</a>
+ +

Resultado

+ +

Descripción de enlaces de la misma página

+ +

Creando una imagen clicable

+ +

Este ejemplo utiliza una imagen que enlaza a la página de inicio de MDN. La página de inicio se abrirá en un contexto de navegación nuevo, esto es, en una nueva página o nueva ventana.

+ +
<a href="https://developer.mozilla.org/en-US/" target="_blank">
+  <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png"
+       alt="MDN logo" />
+</a>
+ +

Resulta

+ +
+

{{EmbedLiveSample("Creating_a_clickable_image", "320", "64")}}

+
+ +

Creando un enlace de correo

+ +

Es común crear enlaces que abren el programa de correo del usuario para permitir enviar un nuevo mensaje. Esto se hace con un enlace mailto:. Aquí tenemos un ejemplo:

+ +
<a href="mailto:nowhere@mozilla.org">Enviar correo a nowhere</a>
+ +

Resultado

+ +

Envia un correo a: nowhere

+ +

Para detalles adicionales acerca del esquema de la URL mailto, tales como incluir el asunto, el cuerpo u otros contenidos predeterminados, consultar Enlaces de correo (Email links) o {{RFC(6068)}}.

+ +

Creando un enlace a un número de teléfono

+ +

Ofrecer enlaces a números de teléfono es muy útil para los ususarios que observan documentos de internet desde computadoras portátiles conectadas a teléfonos o desde teléfonos celulares (móviles)

+ +
<a href="tel:+491570156">+49 157 0156</a>
+ +

Para detalles adicionales acerca del esquema de la URL tel, consultar {{RFC(2806)}} y {{RFC(2396)}}.

+ +

Utilizando el atributo download para guardar un  <canvas> como PNG

+ +

Si deseas permitir a los usurios descargar una elemento HTML {{HTMLElement("canvas")}} como una imagen, puedes crear un enlace con una atributo download y la información canvas como un archivo URL:

+ +
var link = document.createElement('a');
+link.innerHTML = 'download image';
+
+link.addEventListener('click', function(ev) {
+    link.href = canvas.toDataURL();
+    link.download = "mypainting.png";
+}, false);
+
+document.body.appendChild(link);
+ +

Puedes ver como funciona en: jsfiddle.net/codepo8/V6ufG/2/.

+ +

Notas

+ +

HTML 3.2 define sólo los atributos name, href, rel, rev, y title.

+ +

Recomendaciones de accesibilidad

+ +

Se abusa frecuntemente de las etiquetas de ancla (anchor tags) con el uso de los eventos onclick para crear pseudo-botones ajustando href a "#" o "javascript:void(0)" para prevenir la recarga de la página. Estos valores provocan comportamientos inesperados con los enlaces de copiado/dibujado, la apertura de enlaces en nuevas pestañas/ventanas, el guardado de enlaces (bookmarking), y cuando JavaScript está aún descargando, esto arroja errores, o es deshabilitado. Esto tambíen lleva a semánticas (semantics) incorrectas para tecnologías de asistencia (p.ej., lectores de pantalla). En estos casos, se recomienda utilizar un {{HTMLElement("button")}} en su lugar. En general, sólo se debe utilizar una ancla (anchor) para navegación utilizando una URL adecuada.

+ +

Cliceo y enfoque

+ +

Cuando se clicea sobre un {{HTMLElement("a")}} las consecuencias varían de acuerdo al navegador y el sistema operativo.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
¿Al hacer clic en un {{HTMLElement("a")}} se enfoca?
Navegadores de escritorioWindows 8.1OS X 10.9
Firefox 30.0SiSi
Chrome ≥39
+ (Chromium bug 388666)		SiSi
Safari 7.0.5N/ASólo cuando tiene un tabindex
Internet Explorer 11SiN/A
Presto (Opera 12)SiSi
+ + + + + + + + + + + + + + + + + + + + +
¿Al hacer un clic en un {{HTMLElement("a")}} se enfoca?
Navegadores móvilesiOS 7.1.2Android 4.4.4
Safari MobileSólo cuando tiene un tabindexN/A
Chrome 35???Sólo cuando tiene un tabindex
+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstatusComentario
{{SpecName("Referrer Policy", "#referrer-policy-delivery-referrer-attribute", "referrer attribute")}}{{Spec2("Referrer Policy")}}Added the referrerpolicy attribute.
{{SpecName("HTML WHATWG", "textlevel-semantics.html#the-a-element", "<a>")}}{{Spec2("HTML WHATWG")}}
{{SpecName("HTML5 W3C", "textlevel-semantics.html#the-a-element", "<a>")}}{{Spec2("HTML5 W3C")}}
{{SpecName("HTML4.01", "struct/links.html#h-12.2", "<a>")}}{{Spec2("HTML4.01")}}
+ +

Compatibilidad de navegadores

+ + + +

{{Compat("html.elements.a")}}

+ +

Consultar también

+ +
diff --git a/files/es/web/html/element/abbr/index.html b/files/es/web/html/element/abbr/index.html new file mode 100644 index 0000000000..8646722071 --- /dev/null +++ b/files/es/web/html/element/abbr/index.html @@ -0,0 +1,147 @@ +--- +title: +slug: Web/HTML/Elemento/abbr +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/abbr +--- +

{{HTMLRef}}

+ +

El elemento HTML <abbr> (o Elemento de Abreviación HTML) representa una abreviación o acrónimo; el atributo opcional {{htmlattrxref("title")}} puede ampliar o describir la abreviatura. Si está presente, el atributo title debe contener la descripción completa y nada más.

+ +
<p>I do <abbr title="Hypertext Markup Language">HTML</abbr></p>
+ +

El artículo Cómo marcar abreviaciones y hacerlas entendibles es una guía para aprender a usar <abbr> y elementos relacionados.

+ + + + + + + + + + + + + + + + + + + + +
Interfaz DOM{{domxref("HTMLElement")}}
Categorías de contenidoContenido dinámico, contenido estático o de texto, contenido palpable
Conteido permitidoContenido de estático o de texto
Elementos padre permitidosCualquier elemento que acepte contenido estático o de texto
+ +

Atributos

+ +

Este elemento sólo incluye los atributos globales. El atributo {{htmlattrxref("title")}} tiene un sentido específicamente semántico cuando es usado con el elemento <abbr>; debe contener una completa descripción o ampliación de la abreviación. Este texto es usualmente presentado por los navegadores como tooltip cuando se pasa el mouse sobre el elemento.

+ +

Cada elemento <abbr> usado es independiente de todos los otros; dar un <title> a uno no hace que automáticamente todos los demás adquieran la misma descripción.

+ +
+

Nota: En lenguajes con números gramaticales (especialmente lenguajes con más de dos números, como el Árabe), utiliza el mismo número gramatical en el atributo title como dentro del elemento <abbr>.

+
+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/text.html#edef-ABBR', '<abbr>')}}{{Spec2('HTML4.01')}} 
+ +

Compatibilidad de navegador

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support2.0{{CompatGeckoDesktop(1.0)}} [1]7.01.3{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

[1] Hasta Gecko 1.9.2 (Firefox 3.6), Firefox implementó la interfaz {{domxref("HTMLSpanElement")}} para este elemento en lugar de la interfaz {{domxref("HTMLElement")}}.

+ +

Estilo por defecto

+ +

El propósito de este elemento es puramente para la conveniencia del autor y por defecto todos los navegadores lo muestran en línea ({{cssxref('display')}}: inline), sin embargo su estilo por defecto varía de un navegador a otro:

+ + + +

Ver también

+ + + +
 
diff --git a/files/es/web/html/element/acronym/index.html b/files/es/web/html/element/acronym/index.html new file mode 100644 index 0000000000..94581489a3 --- /dev/null +++ b/files/es/web/html/element/acronym/index.html @@ -0,0 +1,160 @@ +--- +title: acronym +slug: Web/HTML/Elemento/acronym +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/acronym +--- +

Definición

+ +

acromym de acromyn=acrónimo

+ +

Es el encargado para marcar estas formas abreviadas (modem, AJAX...). Además, gracias al atributo title podemos indicar la versión extendida del término.

+ +
+
Sus etiquetas son: <abbr> y </abbr> (ambas obligatorias).
+
+ +
+
Crea una caja: en linea.
+
+ +
+
Está definido como: Elemento de frase.
+
+ +
+
Puede contener: cero o más elementos en linea
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalorpor omisión
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible. Sensible a M/m..Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m.Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdataLo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma.Lo fija el navegador. PD.: "desconocido".
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Lo fija el navegador. PD.: En castellano 'ltr'.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
No tiene
atributodescripciónvalorpor omisión
+ +

Ejemplos de uso

+ +
+

+ <p>
+ El acrónimo de moda es:
+ <acronym lang="en" title="Asynchronous JavaScript and XML">Ajax</acronym>.
+ </p>
+ 
+
+
+ +

Estilo predeterminado

+ +

En Firefox se resalta con un "subrayado" punteado fino. vea el ejemplo:

+ +

+ <p>
+ el <abbr lang="en" title="Mocilla developer center">MDC</abbr> toma el
+ <span style='border-bottom: dotted thin;'
+ title='esto no es ni una abreviatura ni un acrónimo'>relevo</span> de lo que fue el
+ <acronym lang="en" title="DEVeloper.Mozilla.Org">Devmo</acronym>.
+ </p>
+ 
+
+ +

Cabe destacar que abbr y acronym comparten estilo predeterminado.

+ +

Soporte

+ +

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

+ +

Notas

+ +

El tema de las abreviaturas y acrónimos puede ser un tanto lioso. En castellano a veces cuesta saber si tal 'palabra' es una abreviatura, un acrónimo una sigla o un símbolo. Para complicarlo un poco más, resulta que el estándar html está en inglés y parece ser que las gramáticas castellana e inglesa no definen exactamente igual conceptos como abreviatura o acrónimo.

+ +

Referencia

+ + + +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber como hacerlo consulta MDC:Como ayudar.

+
+ +

Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/address/index.html b/files/es/web/html/element/address/index.html new file mode 100644 index 0000000000..fdfacfeba1 --- /dev/null +++ b/files/es/web/html/element/address/index.html @@ -0,0 +1,163 @@ +--- +title:
+slug: Web/HTML/Elemento/address +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/address +--- +

{{HTMLRef}}

+ +

El elemento HTML <address> aporta información de contacto para su {{HTMLElement("article")}} más cercano o ancestro {{HTMLElement("body")}}; en el último caso lo aplica a todo el documento.

+ +
+

Notas de uso:

+ +
    +
  • Para representar una dirección arbitraria, una que no esté relacionada con la información de contacto, utiliza un elemento {{HTMLElement("p")}} en lugar del elemento <address>.
    • +
  • Este elemento no debe contener más información que la información de contacto, como una fecha de publicación (que pertenece al elemento {{HTMLElement("time")}}).
    • +
  • Normalmente un elemento <address> puede ser colocado dentro del elemento {{HTMLElement("footer")}} de la sección actual, si lo hay.
    • +
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoContenido dinámico, contenido palpable
Contenido permitido +

Contenido dinámico, pero no con elementos <address> anidados, no contenidos de cabecera ({{HTMLElement("hgroup")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}), no contenido de sección ({{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}), y no elemento {{HTMLElement("header")}} o {{HTMLElement("footer")}}.

+
Etiqueta de omisión{{no_tag_omission}}
Elementos padre permitidosCualquier elemento que acepte contenido dinámico.
Interfaz DOM +

{{domxref("HTMLElement")}} antes de Gecko 2.0 (Firefox 4), Gecko implementó este elemento usando la interfaz {{domxref("HTMLSpanElement")}}.

+
+ +

Atributos

+ +

Este elemento solo incluye los atributos globales.

+ +

Example

+ +
  <address>
+    You can contact author at <a href="http://www.somedomain.com/contact">www.somedomain.com</a>.<br>
+    If you see any bugs, please <a href="mailto:webmaster@somedomain.com">contact webmaster</a>.<br>
+    You may also want to visit us:<br>
+    Mozilla Foundation<br>
+    1981 Landings Drive<br>
+    Building K<br>
+    Mountain View, CA 94043-0801<br>
+    USA
+  </address>
+
+ +

Above HTML will output:

+ +

Image:HTML-address.png

+ +

Aunque el elemento de dirección representa el texto con el mismo estilo predeterminado de los elementos {{HTMLElement("i")}} o {{HTMLElement("em")}}, es más apropiado utilizarlo cuando se trata información de contacto, ya que transmite la información semántica adicional.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'sections.html#the-address-element', '<address>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'sections.html#the-address-element', '<address>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.6', '<address>')}}{{Spec2('HTML4.01')}} 
+ +

Compatibilidad de navegador

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.7")}}1.05.121.0
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MiniOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatGeckoMobile("1.7")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

Ver también

+ +
    +
  • Otras elementos de sección relacionados: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("header")}};
    • +
  • Secciones y línea generales de un documento HTML5.
    • +
diff --git a/files/es/web/html/element/applet/index.html b/files/es/web/html/element/applet/index.html new file mode 100644 index 0000000000..51282989af --- /dev/null +++ b/files/es/web/html/element/applet/index.html @@ -0,0 +1,236 @@ +--- +title: applet +slug: Web/HTML/Elemento/applet +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/applet +--- +

Definición

+ +

Permite añadir un applet Java en un documento HTML. Es un elemento Desaprobado En su lugar debe usarse el elemento object, su uso solo es válido declarando el dtd transicional.

+ +
+
Sus etiquetas son: <applet> y </applet> (ambas obligatorias)
+
+ +
+
Crea una caja: en linea.
+
+ +
+
Está definido como: Elemento especial. Desaprobado
+
+ +
+
Puede contener cero o más elementos param o del tipo 'en flujo'.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributovalordescripción
Genericos
title TextoImplícitoTítulo consultivo del elemento.
style Reglas de estilo CSSImplícitoInformación de estilo en línea.
id Un 'nombre'ImplícitoIdentificador único a nivel de documento.
class Lista de clases CSSimplícitoIdentificador a nivel de documento.
dir Uno de los siguientes: "ltr" o "rtl"ImplícitoDirección del texto.
lang Código de idiomaImplícitoInformación sobre el idioma.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
declare (declare)ImplícitoInformación sobre el idioma.
classid Una direcciónImplícitoIdentifica una implementación.
codebase Una direcciónImplícitoURI base para classid, datos, archivo.
data Una direcciónImplícitoReferencia a los datos del objeto.
type Tipo MIMEImplícitoTipo de contenido de los datos.
codetype Tipo MIMEImplícitoTipo de contenido del código.
archive DireccionesImplícitoLista de URIs separados por espacios.
standby TextoImplícitoMensaje a mostrar durente la carga.
height TamañoImplícitoEspecificar nueva altura.
width TamañoImplícitoEspecificar nueva anchura.
usemap Una direcciónImplícitoUsar mapa de imágenes en el cliente.
name CDATAImplícitoEnviar como parte de un formulario.
tabindex NúmeroImplícitoPosición en el orden de tabulación.
align Uno de los siguientes: "top", "middle", "bottom", "left", "right".ImplícitoAlineación vertical u horizontal.
border PíxelesImplícitoGrosor del borde del vínculo.
hspace PíxelesImplícitoespacio horizontal.
vspace PíxelesImplícitoEspacio vertical.
 %reserved;   Reservado para posibles usos futuros.
atributovalordescripción
+ +

Ejemplos

+ +
 Ejemplo con applet:
+
+   <applet code="loquesea.class"
+            width="500" height="500">
+       <!-- Aquí los contenidos alternativos por si falla el applet. -->
+  </applet>
+
+  Lo mismo pero usando el elemento object:
+
+  <object  codetype="application/java"
+            classid="java:loquesea.class"
+            width="500" height="500">
+     <!-- Aquí los contenidos alternativos por si falla el applet. -->
+  </object>
+
+ +

 

+ +

Comentarios

+ +

El contenido de applet actúa como información alternativa para agentes de usuario que no soporten este elemento o que estén configurados para no soportar applets. En cualquier otro caso los agentes de usuario deben ignorar el contenido.

+ +

Referencia

+ + + +

secciones futuras: == Soporte de los navegadores == == Valores por defecto y visualización en Firefox ==

diff --git a/files/es/web/html/element/area/index.html b/files/es/web/html/element/area/index.html new file mode 100644 index 0000000000..201e8745a2 --- /dev/null +++ b/files/es/web/html/element/area/index.html @@ -0,0 +1,212 @@ +--- +title: area +slug: Web/HTML/Elemento/area +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/area +--- +

Definición

+ +

area de area=área

+ +

Sirve para crear las distintas secciones en las que se puede dividir un mapas de imágenes en el cliente.

+ +
+
Sus etiquetas son: <area> (solo tiene una).
+
+ +
+
Crea una caja: No.
+
+ +
+
Es un: Elemento para mapas de imágenes.
+
+ +
+
Puede contener: Nada.
+
+ +
+
Solo puede ser hijo de: Elementos map.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalorpor omisión
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible. Sensible a M/m..Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m.Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdataLo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma.Lo fija el navegador. PD.: "desconocido".
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Lo fija el navegador. PD.: En castellano 'ltr'.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
shape Indica la forma del área del mapa.Uno de los siguientes: 'rect', 'circle', 'poly', o 'default'.PD.: 'rect'
coords Indica las coordenadas (x,y) del área del mapa.Lista de: cantidades de píxeles, o porcentajes de espacio disponible. Separadas por comas.Lo fija el navegador.
href La dirección del recurso vínculado.Una dirección URI. Sensible a M/m. (o no).Lo fija el navegador.
nohref Indica que el área no es activa, no tiene enlace.Uno: 'nohref'Lo fija el navegador.
alt Describe el área o su vínculo, es necesario por que area no tiene contenido.Texto legible. Sensible a M/m.Requerido
accesskey Define una tecla de acceso rápido. Importante para la Accesibilidad.Un carácter o letra.Lo fija el navegador.
tabindex Asigna un número de posición en el orden de tabulación.Un número entre 0 y 32767.Lo fija el navegador.
Eventos: onfocus, onblur.
De transición
target Indica el marco en el que se cargará el recurso.Puede ser el nombre de un marco existente, o un nombre reservadoLo fija el navegador.
atributodescripciónvalorpor omisión
+ +

Ejemplos de uso

+ +
+

Un mapa de imágenes dividido en dos

+ +

+ <object data="http://developer.mozilla.org/wiki-images/es/3/39/Firefoxlogo.png"
+         usemap="#map1" type="image/png"
+         width="135" height="155">
+
+   <map name="map1">
+     <area href="http://www.mozilla.com/firefox/"
+       alt="El navegador"
+       shape="rect"
+       coords="0,0,60,155">
+
+     <area href="http://www.mozilla.com/thunderbird/"
+       alt="El gestor de correo"
+       shape="rect"
+       coords="75,0,135,155">
+   </map>
+ </object>
+ 
+
+
+ +

Soporte

+ +

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

+ +

Estilo predeterminado

+ +

Notas

+ +
    +
  • area es un elemento antiguo con el que pueden hacerse mapas simples y poco accesibles. No se recomienda su uso, es preferible diseñar los mapas con elementos en bloque y anclas.
    • +
+ +

Referencia

+ + + +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras! Disculpen las molestias.

+ +

¿Quieres participar en su ampliación? Para saber como hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/article/index.html b/files/es/web/html/element/article/index.html new file mode 100644 index 0000000000..8df680ad6b --- /dev/null +++ b/files/es/web/html/element/article/index.html @@ -0,0 +1,60 @@ +--- +title: article +slug: Web/HTML/Elemento/article +translation_of: Web/HTML/Element/article +--- +

El Elemento article de HTML (<article>) representa una composición auto-contenida en un documento, página, una aplicación o en el sitio, que se destina a distribuir de forma independiente o reutilizable, por ejemplo, en la indicación. Podría ser un mensaje en un foro, un artículo de una revista o un periódico, una entrada de blog, un comentario de un usuario, un widget interactivo o gadget, o cualquier otro elemento independiente del contenido.

+ +
+

Notas de uso: 

+ +
    +
  • Cuando los elementos <article> están anidados, los internos representan artículos relacionados con el exterior. Por ejemplo, los comentarios de un blog pueden ser elementos <article> anidados al que representa la entrada del blog.
    • +
  • Los datos del autor de un elemento <article> pueden ser proporcionados a través del elemento {{ HTMLElement ("address") }}, pero no se aplica a los elementos <article> anidados.
    • +
  • La fecha de publicación y el tiempo de un elemento <article> pueden ser descritos con el atributo {{ htmlattrxref ("pubdate", "time") }} atributo de un elemento {{ HTMLElement("time") }}.
    • +
+
+ +

Contexto de uso

+ + + + + + + + + + + + + + + + + + + + +
Contenido permitidoContenido dinámico
Omisión de etiquetasNinguna, tanto la etiqueta inicial como la etiqueta de cierre son obligatorias
Elementos padres permitidos +

Cualquier elemento que acepte el contenido dinámico . Tenga en cuenta que un elemento <article> no debe ser un descendiente de un elemento {{ HTMLElement ("address") }}.

+
Documento normativoHTML 5, sección 4.4.4
+ +

Atributos

+ +

Este elemento no tiene atributos que no sean los atributos globales, comunes a todos los elementos.

+ +
+
+

Interfaz DOM

+ +

Este elemento implementa la interfaz HTMLElement.

+ +

Consulta también

+ +
    +
  • Otros elementos relacionados con secciones: {{ HTMLElement("body") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("section") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("hgroup") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("address") }}
    • +
  • Sections and outlines of an HTML5 document.
    • +
+
+
diff --git a/files/es/web/html/element/aside/index.html b/files/es/web/html/element/aside/index.html new file mode 100644 index 0000000000..1032e47e9c --- /dev/null +++ b/files/es/web/html/element/aside/index.html @@ -0,0 +1,68 @@ +--- +title: aside +slug: Web/HTML/Elemento/aside +tags: + - HTML + - HTML5 + - 'HTML:Elemento' + - 'HTML:Referencia_de_elementos' + - para_revisar +translation_of: Web/HTML/Element/aside +--- +

El elemento HTML <aside> representa una sección de una página que consiste en contenido que está indirectamente relacionado con el contenido principal del documento. Estas secciones son a menudo representadas como barras laterales o como inserciones y contienen una explicación al margen como una definición de glosario, elementos relacionados indirectamente, como publicidad, la biografía del autor, o en aplicaciones web, la información de perfil o enlaces a blogs relacionados.

+ +
+

Notas de uso:

+ +
    +
  • No utilices el elemento <aside> para etiquetar texto entre paréntesis, ya que este tipo de texto se considera parte del flujo principal.
    • +
+
+ +

Contexto de uso

+ + + + + + + + + + + + + + + + + + + + +
Contenido permitidoContenido dinámico
Omisión de etiquetasNinguna, tanto la etiqueta inicial y la etiqueta de cierre son obligatorias
Elementos primarios permitidos +

Cualquier elemento que acepte contenido dinámico. Ten en cuenta que un elemento <aside> no debe ser un descendiente de un elemento {{ HTMLElement ("address") }}.

+
Documento normativoHTML 5, sección 4.4.5
+ +

Atributos

+ +

Este elemento no tiene atributos que no sean los atributos globales, comunes a todos los elementos.

+ +
+
+

Interfaz DOM

+ +

Este elemento implementa la interfaz HTMLElement.

+ +

Consulta también

+ +
    +
  • Otros elementos relacionados con esta sección: {{ HTMLElement("body") }}, {{ HTMLElement("article") }}, {{ HTMLElement("section") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("hgroup") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("address") }};
    • +
  • Secciones y líneas generales de un documento HTML 5 .
    • +
+
+
+ +

 

+ +

{{ languages ( { "en": "en/HTML/Element/aside","es":"es/docs/HTML/Elemento/aside" } ) }}

diff --git a/files/es/web/html/element/audio/index.html b/files/es/web/html/element/audio/index.html new file mode 100644 index 0000000000..02c621f421 --- /dev/null +++ b/files/es/web/html/element/audio/index.html @@ -0,0 +1,105 @@ +--- +title: Audio +slug: Web/HTML/Elemento/audio +translation_of: Web/HTML/Element/audio +--- +

El elemento audio se usa para insertar contenido de audio en un documento HTML o XHTML. El elemento audio se agregó como parte de HTML 5.

+ +
Nota: actualmente Gecko admite solamente Vorbis, en contenedores Ogg, así como formato WAV. Asimismo, el servidor debe servir el archivo mediante el tipo MIME correcto con el fin de que Gecko lo reproduzca correctamente.
+ +

Puedes usar las características API de audio mejoradas - que son específicas de Gecko - para generar y manipular directamente secuencias de audio a partir de código JavaScript. Consulta Manipular sonido a través de la API de audio mejorada para tener más detalles.

+ +

Contexto de uso

+ + + + + + + + + + + + + + + + + + + + +
Contenido permitidoContenido transparente, que contiene bien un atributo src, bien uno o más elementos {{ HTMLElement("source") }}, seguido de contenido dinámico o contenido estático , sin ningún elemento de {{ HTMLElement("video") }} o <audio>.
Omisión de etiquetasNinguna, deben estar presentes tanto las etiquetas de inicio como las de cierre.
Elementos primarios permitidosCualquier elemento que acepte contenido dinámico o cualquier elemento que acepte contenido estático.
Documento normativoHTML5, sección 4.8.7
+ +

Atributos

+ +
+
autoplay
+
Un atributo booleano; si se especifica (incluso aunque el valor sea "false"), el sonido comenzará a reproducirse automáticamente en cuanto sea posible, sin detenerse para terminar de cargar los datos.
+
autobuffer {{ obsolete_inline("2.0") }}
+
Un atributo booleano; si se especifica, el sonido comenzará a reproducirse automáticamente, incluso aunque no se haya configurado para la reproducción automática. Esto continuará hasta que la caché de medios esté llena o se haya descargado el archivo de audio completo, lo que suceda primero. Debería usarse sólo si se espera que el usuario elija reproducir el audio; por ejemplo si el usuario ha navegado hasta una página usando un vínculo de "Reproducir este audio". Este atributo se eliminó de Gecko 2.0 {{ geckoRelease("2.0") }} en favor del atributo preload.
+
buffered {{ gecko_minversion_inline("2.0") }}
+
Un atributo que se puede leer para determinar qué intervalos de tiempo del multimedia se han almacenado en búfer. Este atributo contiene un objeto {{ domxref("TimeRanges") }}.
+
controls
+
Si está presente este atributo, el navegador ofrecerá controles para permitir que el usuario controle la reproducción de audio, incluyendo volumen, búsqueda y pausar/reanudar reproducción.
+
loop {{ unimplemented_inline() }} {{ bug(449157) }}
+
Un atributo booleano; si se especifica, al alcanzar el final del audio, realizaremos la búsqueda automáticamente hasta el principio.
+
mozCurrentSampleOffset {{ gecko_minversion_inline("2.0") }} {{ non-standard_inline() }}
+
La posición de desplazamiento, que se especifica como el número de muestras desde el comienzo de la secuencia de audio, en la cual el audio se está reproduciendo actualmente.
+
preload {{ gecko_minversion_inline("2.0") }} {{ bug(548523) }}
+
El objetivo de este atributo enumerado es proporcionar una sugerencia al navegador sobre qué cree el autor que proporcionará la mejor experiencia para el usuario . Puede tener uno de los siguientes valores: +
    +
  • none: sugiere bien que el autor cree que el usuario no tendrá que consultar ese video, bien que el servidor desea minimizar su tráfico; es decir, esta sugerencia indica que no se debe almacenar en caché este video;
    • +
  • metadata: sugiere que aunque el autor piensa que el usuario no tendrá que consultar ese video, es razonable capturar los metadatos (p. ej. longitud);
    • +
  • auto: sugiere que el usuario necesita tener prioridad; es decir, esta sugerencia indica que, si es necesario, se puede descargar el video completo, incluso aunque el usuario no vaya a usarlo;
    • +
  • the empty string: que es sinónimo del valor auto.
    • +
+ +

Si no está configurado, su valor predeterminado está definido por el navegador (es decir, cada navegador puede elegir su propio valor predeterminado), aunque la especificación aconseje que se establezca a metadatos.

+ +
Observaciones sobre uso: + +
    +
  • El atributo autoplay tiene prioridad sobre éste puesto que si se desea reproducir automáticamente un video, el navegador obviamente tendrá que descargarlo. La especificación permite establecer los atributos autoplay y preload.
    • +
  • La especificación no fuerza al navegador a seguir el valor de este atributo; es tan sólo una sugerencia.
    • +
+
+
+
src
+
La URL del audio que se va a insertar. Está sujeta a los Controles de acceso HTTP. Es opcional; en su lugar puedes usar el elemento source dentro del bloque de audio para especificar el audio que se va a insertar.
+
+ +

Las compensaciones de tiempo se especifican como valores float que indican el número de segundos que se va a compensar.

+ +
Nota: la definición del valor de compensación de tiempo no se ha completado en HTML 5 aún y está sujeta a cambios.
+ +

Ejemplos

+ +
<audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg"
+       autoplay>
+  Your browser does not support the <code>audio</code> element.
+</audio>
+
+ +

Reproduce el fichero de audio adjunto a este artículo.

+ +

Interfaz DOM

+ + + +

Consulta también

+ + + +

{{ languages( { "en": "en/HTML/Element/Audio" , "fr": "fr/HTML/Element/audio" } ) }}

diff --git a/files/es/web/html/element/b/index.html b/files/es/web/html/element/b/index.html new file mode 100644 index 0000000000..e4281a9296 --- /dev/null +++ b/files/es/web/html/element/b/index.html @@ -0,0 +1,168 @@ +--- +title: b +slug: Web/HTML/Elemento/b +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/b +--- +

Definición

+ +

b de bold=negrita.

+ +

Indica que el texto debe ser representado con una variable bold, o negrita, de la tipografía que se esté usando.

+ +
+
Sus etiquetas son: <b> y </b> (Ambas obligatorias).
+
+ +
+
Crea una caja: en línea.
+
+ +
+
Está definido como: Elemento de estilo de fuente y por lo tanto en línea.
+
+ +
+
Puede contener: Texto y/o cero o más elementos en línea.
+
+ +
Atributos
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalorpor omisión
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible. Sensible a M/m..Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m.Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdataLo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma.Lo fija el navegador. PD.: "desconocido".
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Lo fija el navegador. PD.: En castellano 'ltr'.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
No tiene
atributodescripciónvalorpor omisión
+ +

Ejemplos de uso

+ +
+

Palabras pesadas

+ +
<p>
+       Texto normal y... <b>Texto en negrita</b>
+</p>
+
+ +


+ Se visualiza así:

+ +
+

Texto normal y... Texto en negrita

+
+
+ +

Soporte

+ +

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

+ +

Estilo predeterminado

+ +

El inherente a su condición: negrita. Prueba el siguiente ejemplo:

+ +

+ <style>
+        span { font-weight: bolder; }
+ </style>
+
+ <p> Esto es:  <b> un elemento b </b> y esto es: <span>un span con estilo</span>  </p>
+ 
+
+ +

Notas

+ +
    +
  • El W3C (y nosotros) desaconseja el uso de este elemento, para manejar el estilo del texto es mejor usar CSS.
    • +
+ +

 

+ +

Referencia

+ + + +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/base/index.html b/files/es/web/html/element/base/index.html new file mode 100644 index 0000000000..4912e33f0b --- /dev/null +++ b/files/es/web/html/element/base/index.html @@ -0,0 +1,158 @@ +--- +title: +slug: Web/HTML/Elemento/base +tags: + - Elemento + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/base +--- +

{{HTMLRef}}

+ +

Resumen

+ +

El elemento HTML <base> especifica la dirección URL base que se utilizará para todas las direcciones URL relativas contenidas dentro de un documento. Sólo puede haber un elemento <base> en un documento.

+ +

La dirección URL base de un documento puede ser consultado a partir de una secuencia de comandos con {{domxref('document.baseURI')}}.

+ +
Nota de uso: Si se especifican varios elementos <base>, se utilizá sólo la primera sección href y el primer valor target; los demás son ignorados.
+ + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de ContenidoContenido de Metadatos
Contenido permitidoNinguno, es un {{Glossary("empty element")}}.
Omisión de etiquetaNo debe haber ninguna etiqueta de cierre.
Elementos padres permitidosCualquier {{HTMLElement("head")}} que no contenga ningún elemento {{HTMLElement("base")}}
Interfaz DOM{{domxref("HTMLBaseElement")}}
+ +

Attributos

+ +

Este elemento incluye los atributos globales.

+ +
+
{{htmlattrdef("href")}}
+
La dirección URL base que se usa en todo el documento para las direcciones URL relativas. Si no se especifica este atributo, este elemento debe venir antes de cualesquiera otros elementos con atributos cuyos valores son direcciones URL. Se permiten las direcciones URL absolutas y relativas.
+
{{htmlattrdef("target")}}
+
Un nombre o una palabra clave que indica la ubicación predeterminada para navegar por el resultado de hipervínculos o formas, para los elementos que no tienen una referencia explícita del objetivo . Es un nombre o una palabra clave para un contexto de navegación (por ejemplo: pestaña, ventana o marco en línea). Las siguientes palabras clave tienen un significado especial: tab, window, o inline frame).Las siguientes palabras clave tienen un significado especial: +
    +
  • _self: Carga el resultado en el mismo contexto de navegación que el actual. Este valor es el valor por defecto si no se especifica el atributo.
    • +
  • _blank: Carga el resultado en un nuevo contexto de navegación sin nombre .
    • +
  • _parent: Cargar el resultado en el contexto de navegación padre del actual. Si no hay padre, esta opción se comporta de la misma manera que _self.
    • +
  • _top: Carga el resultado en el contexto de nivel superior de navegación (es decir, el contexto de navegación que es un ancestro de la actual, y no tiene padre). Si no hay padre, esta opción se comporta de la misma manera que _self.
    • +
+
+
+ +

Ejemplos

+ +
<base href="http://www.example.com/page.html">
+<base target="_blank" href="http://www.example.com/page.html">
+ +
+
+

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'semantics.html#the-base-element', '<base>')}}{{Spec2('HTML WHATWG')}}Sin cambios desde la última instantánea.
{{SpecName('HTML5 W3C', 'document-metadata#the-base-element', '<base>')}}{{Spec2('HTML5 W3C')}}Especifica el comportamiento de target
{{SpecName('HTML4.01', 'struct/links.html#h-12.4', '<base>')}}{{Spec2('HTML4.01')}}Añadido el atributo target
+ +

Compatibilidad de navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.0")}} [1]{{CompatVersionUnknown}} [2]{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatGeckoMobile("1.0")}} [1]{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

[1] Añadido soporte de las URL relativas para href en Gecko 2.0 (Firefox 4.0)

+ +

[2] Antes de Internet Explorer 7, <base> podría ser colocado en cualquier lugar del documento y se usaba el valor más cercano de <base>. El apoyo a las URL relativas se ha eliminado en Internet Explorer 8

+
+
+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/basefont/index.html b/files/es/web/html/element/basefont/index.html new file mode 100644 index 0000000000..5b86ea16a3 --- /dev/null +++ b/files/es/web/html/element/basefont/index.html @@ -0,0 +1,124 @@ +--- +title: basefont +slug: Web/HTML/Elemento/basefont +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/basefont +--- +

Definición

+ +

basefont -fuente base . Permite cambiar algunas propiedades del texto.

+ +
+
Sus etiquetas son: <basefont> (solo tiene una).
+
Está definido como: Elemento desaprobado. +
+
En un doctype transicional está definido como un elemento especial y por lo tanto en línea.
+
+
+
+ +
+
Crea una caja: No.
+
Puede contener: Nada.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalor
Genéricos
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
Específicos
No tiene
De transición
sizeTamaño de la fuente. Según una tabla del 1 al 7.Un número entero (ej. 1), o un valor incremental (ej. +1). Por defecto: debe indicarlo el autor.
colorEl color del texto.Un color RGB. Por defecto: Lo fija el navegador.
faceEspecifica la/s fuentes para el texto.Lista de nombres de fuentes separadas por coma. Por defecto: Lo fija el navegador.
atributodescripciónvalor
+ +

Ejemplos de uso

+ +
+

Un ejemplo simple

+ +

Código:

+ +
<p>
+ Texto normal y ...
+ <basefont size="5" color="#0000ff">
+ Texto distinto.
+</p>
+
+ +

Resultado: <div style='border: solid silver 1px;'> <p> Texto normal y ... <basefont size="5" color="#0000ff"> Texto distinto. </p> </div>

+
+ +

Estilo predeterminado

+ +

Notas

+ +

Referencia

+ + + +

 

+ +

Soporte

+ +

Puede consultar esta comparativa: IE 6 - IE 7 - FF 1.5 - OP 9.

+ +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/bdi/index.html b/files/es/web/html/element/bdi/index.html new file mode 100644 index 0000000000..075afa13a6 --- /dev/null +++ b/files/es/web/html/element/bdi/index.html @@ -0,0 +1,140 @@ +--- +title: +slug: Web/HTML/Elemento/bdi +tags: + - BiDi + - Elemento + - HTML + - Referencia + - Semántica HTML a nivel de texto + - Web +translation_of: Web/HTML/Element/bdi +--- +

Resumen

+ +

El elemento HTML <bdi> (o elemento de aislamiento Bi-Direccional) aisla un trozo de texto para que pueda ser formateado con una dirección diferente al texto que hay fuera de él.

+ +

Es útil al embeber o incrustart texto del que se desconoce la direccionalidad, por ejemplo proveniente de una base de datos, dentro de un texto con una direccionalidad fija.

+ +

Aunque el mismo efecto visual se puede conseguir usando la regla  CSS  {{cssxref("unicode-bidi")}}: isolate en un elemento  {{HTMLElement("span")}} u otro elemento de formateado de texto, el significado semántico sólo se consigue usando el elemento <bdi>. En especial los navegadores permiten ignorar los estilos CSS. En tal caso el texto se mostrará correctamente usando el elemento HTML pero será basura usando CSS para fijar la semántica.

+ + + + + + + + + + + + + + + + + + + + + + + + +
Content categoriesFlow content, phrasing content, contenido palpable.
Contenido permitidoPhrasing content.
Omisión de etiqueta{{no_tag_omission}}
Elementos padre permitidosAny element that accepts phrasing content.
Interfaz DOM{{domxref("HTMLElement")}}
+ +

Atributos

+ +

Como los demás elementos HTML , este elemento tiene los global attributes, pero con una pequeña diferencia semántica: el atributo dir no se hereda. Si no está definidio, su valor por defecto es auto y permitirá a los navegadores decidir la dirección basándose en el contexto del elemento.

+ +

Ejemplo

+ +
<p dir="ltr">Esta palabara arábica<bdi>ARABIC_PLACEHOLDER</bdi> se muestra automáticamente de derecha a izquierda.</p>
+
+ +

Resultado

+ +

Esta palabra arábica REDLOHECALP_CIBARA se muestra automáticamente de derecha a izquierda.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdi-element', '<bdi>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'the-bdi-element.html#the-bdi-element', '<bdi>')}}{{Spec2('HTML5 W3C')}} 
+ +

Compatibilidad con los distintos navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico16{{CompatGeckoDesktop("10.0")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte Básico{{CompatNo}}{{CompatGeckoMobile("10.0")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +

Ver además

+ +
    +
  • Elementos HTML relacionados: {{HTMLElement("bdo")}}
    • +
  • Propiedades HTML relacionadas: {{cssxref("direction")}}, {{cssxref("unicode-bidi")}}
    • +
+ +

{{HTMLRef}}

diff --git a/files/es/web/html/element/bdo/index.html b/files/es/web/html/element/bdo/index.html new file mode 100644 index 0000000000..0a4af7fe92 --- /dev/null +++ b/files/es/web/html/element/bdo/index.html @@ -0,0 +1,144 @@ +--- +title: bdo +slug: Web/HTML/Elemento/bdo +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/bdo +--- +

Definición

+ +

bdo Bi-Directional Overriding=Anulación de bidireccionalidad.

+ +

La dirección de escritura del texto está relacionada con el idioma y se declara con el atributo dir. Pero en ocasiones esto no es suficiente, entonces entra en juego el elemento bdo (anulación del algoritmo bidireccional) que al anular el algoritmo permite un control total de la direccionalidad.

+ +
+
Sus etiquetas son: <bdo> y </bdo> (ambas obligatorias).
+
+ +
+
Crea una caja: En línea.
+
+ +
+
Está definido como: Elemento especial y por lo tanto en línea.
+
+ +
+
Puede contener: Texto y/o cero o más elementos en línea.
+
+ +

Atributos

+ +

 

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalorpor omisión
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible. Sensible a M/m..Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m.Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdataLo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma.Lo fija el navegador. PD.: "desconocido".
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Debe indicarlo el autor
De transición
No tiene
atributodescripciónvalorpor omisión
+ +

Ejemplos de uso

+ +
+

Cambios de dirección

+ +
<p> cero(0)
+<bdo dir="rtl">
+<em> uno(1) dos(2) </em> tres(3) cuatro(4)
+<em dir="ltr"> cinco(5) seis(6) </em> siete(7) ocho(8)
+</bdo> nueve(9)
+</p>
+
+
+ +

Soporte

+ +

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

+ +

Estilo predeterminado

+ +

Notas

+ +

Referencia

+ + + +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/bgsound/index.html b/files/es/web/html/element/bgsound/index.html new file mode 100644 index 0000000000..81b73a1e30 --- /dev/null +++ b/files/es/web/html/element/bgsound/index.html @@ -0,0 +1,106 @@ +--- +title: +slug: Web/HTML/Elemento/bgsound +tags: + - Elemento + - HTML + - Referencia + - Web +translation_of: Web/HTML/Element/bgsound +--- +
{{non-standard_header}}
+ +

Resumen

+ +

El elemento HTML de sonido de fondo (<bgsound>) es un elemento de Internet Explorer que asocia  un sonido de fondo con un página .

+ +
+

No usar esto ! Para incrustar un elemento en una página web , se debe  de usar el elemento  {{HTMLElement("audio")}}

+
+ +

Atributos

+ +
+
{{htmlattrdef("balance")}}
+
Este atributo define un número entre -10,000 y + 10,000 que determina como el volumen será dividido entre los altavoces .
+
{{htmlattrdef("loop")}}
+
Este atributo indica el número de veces que un soinido será reproducido ya sea como un valor numérico o la palabra clave infinite .
+
{{htmlattrdef("src")}}
+
Este atributo especifica la URL del archivo de sonido que será reproducido , el cual debe ser uno de los siguientes tipos : wav, .au, o .mid.
+
{{htmlattrdef("volume")}}
+
Este atributo define un número entre -10,000 y 0 que determina la fuerza del sonido de fondo de una página .
+
 
+
+ +

Ejemplo

+ +
<bgsound src="sound1.mid">
+
+<bgsound src="sound2.au" loop="infinite">
+
+ +

Notas

+ +

Funcionalidad similar puede ser lograda en algunas versiones de Netscape usando la etiqueta <embed> para invocar un reproductor de audio .

+ +

Puedes escribir bgsound con una etiqueta de cierre automático <bgsound /> . Ahora bien , desde que este elemento no es parte de un estándar , haciendolo como XHTML no lo hará valido. 

+ +

Compatibilidad en exploradores 

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{CompatUnknown}}{{CompatNo}} [1]{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{CompatUnknown}}{{CompatNo}} [1]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] Hasta Firefox 22 , incluso si no se soportaba este elemento , Gecko lo asociaba a un elemento {{domxref("HTMLSpanElement")}}. Esto fue corregido después y ahora el elemento asociado es un  {{domxref("HTMLUnknownElement")}} como es requerido  por la especificación . 

+ +

Ver también

+ +
    +
  •  {{htmlelement("audio")}}, el cual es el elemento estándar para incrustar audio en un documento.
    • +
+ +
{{HTMLRef}}
diff --git a/files/es/web/html/element/big/index.html b/files/es/web/html/element/big/index.html new file mode 100644 index 0000000000..a15f1b5da9 --- /dev/null +++ b/files/es/web/html/element/big/index.html @@ -0,0 +1,191 @@ +--- +title: big +slug: Web/HTML/Elemento/big +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/big +--- +

Definición

+ +

big de big=grande

+ +

Muestra el texto marcado con un tamaño de fuente más grande. El tamaño de la fuente puede definirse en una escala del 1 al 7, big aumenta este valor en un punto.

+ +
+
Sus etiquetas son: <big> y </big> (Ambas obligatorias).
+
+ +
+
Crea una caja: En línea.
+
+ +
+
Está definido como: Elemento de estilo de fuente y por lo tanto en línea.
+
+ +
+
Puede contener: Texto y/o cero o más elementos en línea.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalorpor omisión
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible. Sensible a M/m..Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m.Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdataLo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma.Lo fija el navegador. PD.: "desconocido".
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Lo fija el navegador. PD.: En castellano 'ltr'.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
No tiene
atributodescripciónvalorpor omisión
+ +

Ejemplos de uso

+ +
+

Simple

+ +

+  <p>
+
+   Texto normal y... <big>Texto más grande</big>
+
+  </p>
+ 
+
+
+ +
+

Recursivo

+ +

big puede contener otros elementos en línea, por ejemplo... big:

+ +

+  <p>
+
+   Texto normal y texto <big> cada <big> vez <big> más <big> grande. </big></big></big></big>
+
+  </p>
+ 
+
+ +

Se visualiza así:

+ +
+

Texto normal y texto cada vez más grande.

+
+
+ +

Soporte

+ +

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

+ +

Estilo predeterminado

+ +

Observa el siguiente ejemplo:

+ +

+ <style>
+        span { font-size: larger; }
+ </style>
+
+ <h2> Con big </h2>
+ <p> Texto normal y texto ...
+
+ <big> cada <big> vez <big> más <big> grande. </big></big></big></big>  </p>
+
+ <h2> Con CSS </h2>
+ <p> Texto normal y texto ...
+
+ <span> cada <span> vez <span> más <span> grande. </span></span></span></span>  </p>
+ 
+
+ +

Notas

+ +
    +
  • big tiene un elemento opuesto, small. Si big aumenta el tamaño de la fuente small lo disminuye. Sin embargo en su funcionamiento son idénticos.
    • +
  • El W3C (y nosotros) desaconseja el uso de este elemento, para manejar el tamaño del texto es mejor usar CSS.
    • +
+ +

Referencia

+ + + +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/blink/index.html b/files/es/web/html/element/blink/index.html new file mode 100644 index 0000000000..f63821708a --- /dev/null +++ b/files/es/web/html/element/blink/index.html @@ -0,0 +1,100 @@ +--- +title: +slug: Web/HTML/Elemento/blink +tags: + - Elemento + - HTML + - Obsoleto + - Referencia + - Web +translation_of: Web/HTML/Element/blink +--- +
{{Deprecated_header}} {{Non-standard_header}}
+ +

El elemento HTML blink (<blink>) no es un elemento estándar que causa que el texto encerrado parpadee lentamente .

+ +
+

Precaución : No usar este elemento ya que no es un elemento estándar y está obsoleto. El texto parpadeante es mal visto por diversos estándares de accesibilidad y la especificación de CSS permite a los exploradores ingnorar el valor del parpadeo . .

+
+ +

Interface DOM

+ +

Este elemento no es soportado y por lo tanto implementa la interface {domxref("HTMLUnknownElement")}} .

+ +

Ejemplo

+ +
<blink>Why would somebody use this?</blink>
+
+ +

Resultado 

+ +

Image:HTMLBlinkElement.gif

+ +

Especificación

+ +

Este elemento no es parte del estándar ni de alguna espeficación . Si no nos crees puedes verlo por ti mismo en la espeficicación de HTML.

+ +

Compatibilidad en exploradores

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Soporte básico{{CompatNo}}{{CompatNo}} [1]{{CompatNo}}{{CompatNo}} [2]{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Soporte básico{{CompatNo}}{{CompatNo}} [1]{{CompatNo}}{{CompatNo}} [2]{{CompatNo}}
+
+ +

[1] Soportado hasta la versión 22. Removido en la versión 23.

+ +

[2] Soportado hasta la versión 12.1. Removido en la versión 15.0.

+ +

Ver también

+ +
    +
  • Historia de la creación del elemento <blink>
    • +
  • {{cssxref("text-decoration")}}, donde un valor de parpadeo existe , aunque los exploradores no son obligados a hacer parpadear el texto efectivamente.
    • +
  • {{htmlelement("marquee")}}, otro elemento similar que no pertenece a un estándar.
    • +
  • Las animaciones CSS son la forma correcta de crear tal efecto .
    • +
+ +

{{HTMLRef}}

diff --git a/files/es/web/html/element/blockquote/index.html b/files/es/web/html/element/blockquote/index.html new file mode 100644 index 0000000000..d8f71a7ed4 --- /dev/null +++ b/files/es/web/html/element/blockquote/index.html @@ -0,0 +1,153 @@ +--- +title: blockquote +slug: Web/HTML/Elemento/blockquote +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/blockquote +--- +

Definición

+ +

blockquote -cita en bloque . Crea citas en bloque, marca las citas a otros autores o documentos.

+ +
+
Sus etiquetas son: <blockquote> y </blockquote> (ambas obligatorias).
+
Está definido como: Elemento en bloque.
+
+ +
+
Crea una caja: En bloque.
+
Puede y debe contener: Uno o más elementos en bloque o script
+
Con un doctype transicional Puede contener: texto, y/o cero o más elementos en bloque o en línea
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalor
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible por personas. Sensible a M/m.. Por defecto: Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo. Por defecto: Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma. Por defecto: "desconocido". Lo fija el navegador.
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Por defecto: En castellano 'ltr'. Lo fija el navegador.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
cite Proporciona un enlace al documento original o fuenteUna dirección URI. Por defecto: lo fija el navegador
De transición
No tiene
atributodescripciónvalor
+ +

Ejemplos de uso

+ +
+

Un blockquote estricto

+ +
<blockquote cite='http://html.conclase.net/w3c/html401...def-BLOCKQUOTE'>
+  <p>
+    <strong>Nota.</strong> Recomendamos que las implementaciones de hojas
+    de estilo porporcionen un mecanismo para insertar signos de puntuación de citas
+    antes y después de una cita delimitada por un BLOCKQUOTE de un modo apropiado según
+    el contexto del idioma actual y el grado de anidamiento de las citas.
+  </p>
+</blockquote>
+
+
+ +

Estilo predeterminado

+ +

Notas

+ +
    +
  • Conviene tener cuidado con las divergencias en el tipo de contenido dependiendo del doctype. El siguiente ejemplo es válido con un doctype transicional, pero no lo es con el estricto:
    • +
+ +
<blockquote>
+  Bla, bla, bla...
+</blockquote>
+
+ +
    +
  • blockquote tiene un hermano menor: q. blockquote sirve para citas en bloque y q para citas en línea.
    • +
+ +
    +
  • A diferencia de q, blockquote no entrecomilla los contenidos, debe hacerlo el autor (con CSS).
    • +
+ +

Referencia

+ + + +

Soporte

+ +

Puede consultar esta comparativa: IE 6 - IE 7 - FF 1.5 - OP 9.

+ +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/body/index.html b/files/es/web/html/element/body/index.html new file mode 100644 index 0000000000..32b0a64328 --- /dev/null +++ b/files/es/web/html/element/body/index.html @@ -0,0 +1,170 @@ +--- +title: ': El elemento body del documento' +slug: Web/HTML/Elemento/body +tags: + - Elemento + - HTML + - Referencia + - Seleccionar el elemento raíz + - Web + - secciones +translation_of: Web/HTML/Element/body +--- +
{{HTMLRef}}
+ +

El elemento <body> de HTML representa el contenido de un documento HTML. Solo puede haber un elemento <body> en un documento.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
{{web.link("/es/docs/Web/HTML/Content_categories", "Categorías de contenido")}}{{web.link("/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#Section_Elements_in_HTML5", "Secciones en HTML5")}}
Contenido permitido{{web.link("/es/docs/Web/HTML/Content_categories#Flow_content", "Flujo de contenido")}}.
Omisión de etiquetaLa etiqueta de inicio se puede omitir si lo primero que hay dentro no es un carácter de espacio, comentario, elemento {{HTMLElement("script")}} o elemento {{HTMLElement("style")}}. La etiqueta final se puede omitir si el elemento <body> tiene contenido o tiene una etiqueta de inicio y no va seguido inmediatamente de un comentario.
Contenedores autorizadosDebe ser el segundo elemento de un elemento {{HTMLElement("html")}}.
Rol de ARIA implícito{{web.link("/es/docs/Web/Accessibility/ARIA/Roles/Document_Role", "document")}}
Roles ARIA permitidosNo se permite role
Interfaz DOM{{DOMxRef("HTMLBodyElement")}} +
    +
  • El elemento <body> expone la interfaz {{DOMxRef("HTMLBodyElement")}}.
    • +
  • Puedes acceder al elemento <body> a través de la propiedad {{DOMxRef("document.body")}}.
    • +
+
+ +

Atributos

+ +

Este elemento incluye los {{web.link("/es/docs/Web/HTML/Global_attributes", "atributos globales")}}.

+ +
+
{{HTMLAttrDef("alink")}} {{obsolete_inline}}
+
Color del texto de los hipervínculos cuando se selecciona. Este método no es conforme a la especificación, utiliza la propiedad {{CSSxRef("color")}} de CSS junto con la pseudoclase {{CSSxRef(":active")}} en su lugar.
+
{{HTMLAttrDef("background")}} {{obsolete_inline}}
+
URI de una imagen para usar como fondo. Este método no es conforme, usa la propiedad CSS {{CSSxRef("background")}} en el elemento.
+
{{HTMLAttrDef("bgcolor")}} {{obsolete_inline}}
+
Color de fondo del documento. Este método no es conforme, utiliza la propiedad CSS {{CSSxRef("background-color")}} en el elemento.
+
{{HTMLAttrDef("bottommargin")}} {{obsolete_inline}}
+
El margen de la parte inferior del <body>. Este método no es conforme, usa la propiedad CSS {{CSSxRef("margin-bottom")}} en el elemento.
+
{{HTMLAttrDef("leftmargin")}} {{obsolete_inline}}
+
El margen de la izquierda del <body>. Este método no es conforme, usa la propiedad CSS {{CSSxRef("margin-left")}} en el elemento en su lugar.
+
{{HTMLAttrDef("link")}} {{obsolete_inline}}
+
Color del texto de los enlaces de hipertexto no visitados. Este método no es conforme, usa la propiedad {{CSSxRef("color")}} de CSS junto con la pseudoclase {{CSSxRef(":link")}} en su lugar.
+
{{HTMLAttrDef("onafterprint")}}
+
Función para llamar después de que el usuario haya impreso el documento.
+
{{HTMLAttrDef("onbeforeprint")}}
+
Función para llamar cuando el usuario solicita la impresión del documento.
+
{{HTMLAttrDef("onbeforeunload")}}
+
Función para llamar cuando se está a punto de descargar el documento.
+
{{HTMLAttrDef("onblur")}}
+
Función para llamar cuando el documento pierde el foco.
+
{{HTMLAttrDef("onerror")}}
+
Función para llamar cuando el documento no se carga correctamente.
+
{{HTMLAttrDef("onfocus")}}
+
Función para llamar cuando el documento recibe el foco.
+
{{HTMLAttrDef("onhashchange")}}
+
Función para llamar cuando la parte del identificador del fragmento (comenzando con el carácter de almohadilla ('#' también conocido como numeral)) de la dirección actual del documento ha cambiado.
+
{{HTMLAttrDef("onlanguagechange")}} {{experimental_inline}}
+
Función para llamar cuando cambiaron los idiomas preferidos.
+
{{HTMLAttrDef("onload")}}
+
Función a llamar cuando se haya terminado de cargar el documento.
+
{{HTMLAttrDef("onmessage")}}
+
Función para llamar cuando el documento ha recibido un mensaje.
+
{{HTMLAttrDef("onoffline")}}
+
Función para llamar cuando falla la comunicación de la red.
+
{{HTMLAttrDef("ononline")}}
+
Función para llamar cuando se restablece la comunicación de la red.
+
{{HTMLAttrDef("onpopstate")}}
+
Función para llamar cuando el usuario ha navegado el historial de sesiones.
+
{{HTMLAttrDef("onredo")}}
+
Función para llamar cuando el usuario ha avanzado en el historial de deshacer transacciones.
+
{{HTMLAttrDef("onresize")}}
+
Función para llamar cuando el documento ha cambiado de tamaño.
+
{{HTMLAttrDef("onstorage")}}
+
Función para llamar cuando el área de almacenamiento ha cambiado.
+
{{HTMLAttrDef("onundo")}}
+
Función para llamar cuando el usuario ha retrocedido en el historial de deshacer transacciones.
+
{{HTMLAttrDef("onunload")}}
+
Función para llamar cuando el documento se vaya.
+
{{HTMLAttrDef("rightmargin")}} {{obsolete_inline}}
+
El margen de la derecha del <body>. Este método no es conforme, usa la propiedad CSS {{CSSxRef("margin-right")}} en el elemento.
+
{{HTMLAttrDef("text")}} {{obsolete_inline}}
+
Color de primer plano del texto. Este método no es conforme, usa la propiedad CSS {{CSSxRef("color")}} en el elemento.
+
{{HTMLAttrDef("topmargin")}} {{obsolete_inline}}
+
El margen de la parte superior del <body>. Este método no es conforme, usa la propiedad CSS {{CSSxRef("margin-top")}} en el elemento.
+
{{HTMLAttrDef("vlink")}} {{obsolete_inline}}
+
Color del texto de los enlaces de hipertexto visitados. Este método no es conforme, utiliza la propiedad {{CSSxRef("color")}} de CSS junto con la pseudoclase {{CSSxRef(":visited")}} en su lugar.
+
+ +

Ejemplo

+ +
<html>
+  <head>
+    <title>Título del documento</title>
+  </head>
+  <body>
+    <p>Este es un párrafo</p>
+  </body>
+</html>
+
+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'semantics.html#the-body-element', '<body>')}}{{ Spec2('HTML WHATWG') }}Cambió la lista de características no conformes.
{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '<body>')}}{{ Spec2('HTML5 W3C') }}Los atributos anteriormente obsoletos. Definieron el comportamiento de topmargin, leftmargin, rightmargin y bottommargin no conforme y nunca estandarizado. Se agregaron los atributos on*.
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '<body>')}}{{ Spec2('HTML4.01') }}En desuso el alink, background, bgcolor, link, text y atributos vlink.
+ +

Compatibilidad del navegador

+ + + +

{{Compat("html.elements.body")}}

+ +

Ve también

+ +
    +
  • {{HTMLElement("html")}}
    • +
  • {{HTMLElement("head")}}
    • +
diff --git a/files/es/web/html/element/br/index.html b/files/es/web/html/element/br/index.html new file mode 100644 index 0000000000..1e9cff3b58 --- /dev/null +++ b/files/es/web/html/element/br/index.html @@ -0,0 +1,157 @@ +--- +title:
+slug: Web/HTML/Elemento/br +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/br +--- +

Resumen

+ +

El elemento HTML line break <br> produce un salto de línea en el texto (retorno de carro). Es útil para escribir un poema o una dirección, donde la división de las líneas es significante.

+ +

No utilices <br> para incrementar el espacio entre líneas de texto; para ello utiliza la propiedad {{cssxref('margin')}} de CSS o el elemento {{HTMLElement("p")}}.

+ + + + + + + + + + + + + + + + + + + + + + + + +
Content categoriesFlow content, phrasing content.
Contenido permitidoNinguno, es {{Glossary("empty element")}}.
Omisión de etiquetaDebe tener etiqueta de inicio y no debe tener etiqueta de cierre. En documentos XHTML este elemento se escribe como <br />.
Elementos padre permitidosCualquier elemento que acepte phrasing content.
Interfaz DOM{{domxref("HTMLBRElement")}}
+ +

Atributos

+ +

Este elemento incluye los atributos globales.

+ +
+
{{htmlattrdef("clear")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}
+
Indica donde empieza la siguiente línea después del salto. +
+

Nota de uso: Este atributo está obsoleot en {{HTMLVersionInline(5)}} y no debe utilizarse por los autores. En su lugar utiliza la propiedad {{CSSxref('clear')}} de CSS.

+
+
+
+ +

Ejemplo

+ +
Mozilla Foundation<br>
+1981 Landings Drive<br>
+Building K<br>
+Mountain View, CA 94043-0801<br>
+USA
+
+ +

El HTML de arriba muestra:

+ +

Mozilla Foundation
+ 1981 Landings Drive
+ Building K
+ Mountain View, CA 94043-0801
+ USA

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-br-element', '<br>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-br-element', '<br>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/text.html#h-9.3.2.1', '<br>')}}{{Spec2('HTML4.01')}} 
+ +

Compatibilidad de navegador

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Soporte básico1.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Soporte básico{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

Ver también

+ +
    +
  • Elemento {{HTMLElement("address")}}
    • +
  • Elemento {{HTMLElement("p")}}
    • +
+ +
{{HTMLRef}}
diff --git a/files/es/web/html/element/button/index.html b/files/es/web/html/element/button/index.html new file mode 100644 index 0000000000..abcab78469 --- /dev/null +++ b/files/es/web/html/element/button/index.html @@ -0,0 +1,198 @@ +--- +title: button +slug: Web/HTML/Elemento/button +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/button +--- +

Definición

+ +

button = botón.

+ +

Es el elemento crea botones marcadores.

+ +

La etiqueta de HTML <button> representa un elemento cliqueable de tipo botón que puede ser utilizado en formularios o en cualquier parte de la página que necesite un botón estándar y simple de aplicar. De forma predeterminada, los botones HTML se presentan con un estilo similar en todas las plataformas, estos estilos se pueden cambiar utilizando CSS.

+ +
+
Sus etiquetas son: <button> y </button> (ambas obligatorias).
+
Crea una caja: en linea.
+
Está definido como: Elemento de control para formulario.
+
Puede contener: Texto y/o cero o más elementos en Bloque o en linea, con las siguientes excepciones: (A|%formctrl;|FORM|FIELDSET)
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalorpor omisión
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible. Sensible a M/m..Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m.Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdataLo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma.Lo fija el navegador. PD.: "desconocido".
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Lo fija el navegador. PD.: En castellano 'ltr'.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
name Asigna un nombre de control.Texto con limitacionesLo fija el navegador.
value Asigna un valor inicial que será enviado con el formulario.TextoLo fija el navegador.
type Indica el tipo de botón.Uno de los siguientes: (button|submit|reset)PD.: submit.
disabled Indica que el control está desabilitado.disabled.Lo fija el navegador. disabled.
accesskey Define una tecla de acceso rápido. Importante para la Accesibilidad.Un carácter o letra.Lo fija el navegador.
tabindex Asigna un número de posición en el orden de tabulación.Un número entre 0 y 32767.Lo fija el navegador.
reserved Reservado para un uso futuro que nunca tubo. Inútil--
Eventos: onfocus onblur
De transición
No tiene
atributodescripciónvalorpor omisión
+ +

Ejemplos de uso

+ +
<button name="button">Click me</button>
+
+ +

Sobre Accesibilidad

+ +

Botones con íconos

+ +

Los botones que solamente utilizan un ícono para representar una funcionalidad no tienen un nombre accesible para los lectores de no-videntes. Para arreglar esto debemos proveer un nombre para el botón que describa la funcionalidad de este.

+ +

Ejemplo

+ +
<button name="favorito" type="button">
+  <svg aria-hidden="true" viewBox="0 0 10 10"><path d="m7.4 8.8-2.4-1.3-2.4 1.3.46-2.7-2-1.9 2.7-.39 1.2-2.5 1.2 2.5 2.7.39-1.9 1.9z"/></svg>
+  Agregar a favoritos
+</button>
+
+ +

Esto también ayudará a los usuarios videntes que no estén familiarizados con el significado del ícono ya que podrán entender su significado pasando el cursor por encima del elemento.

+ +

Para más información (en inglés):

+ + + +

Proximidad

+ +

Si el sitio tiene una gran cantidad de elementos interactivos muy cercanos entre ellos esto puede generar una dificultad en los usuarios con discapacidades motrices. Es ideal que estos elementos tengan una separación para evitar que el usuario cliquee el incorrecto. Puedes utilizar la propiedad margin para separarlos.

+ +

Más información (en inglés):

+ + + +

Soporte

+ + + +

{{Compat("html.elements.button")}}

+ +

Referencia

+ + + +
+
+

Estamos ampliando este documento, posiblemente contenga carencias y defectos. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +

 

diff --git a/files/es/web/html/element/canvas/index.html b/files/es/web/html/element/canvas/index.html new file mode 100644 index 0000000000..63e3e260a3 --- /dev/null +++ b/files/es/web/html/element/canvas/index.html @@ -0,0 +1,88 @@ +--- +title: canvas +slug: Web/HTML/Elemento/canvas +tags: + - Canvas + - HTML + - 'HTML:Elemento' + - para_revisar +translation_of: Web/HTML/Element/canvas +--- +

El elemento HTML canvas (<canvas>) se puede utilizar para dibujar gráficos a través de secuencias de comandos (por lo general JavaScript ). Por ejemplo, puede usarse para dibujar gráficos, hacer composiciones de fotos o incluso realizar animaciones.

+ +

+

Las aplicaciones de Mozilla adquirieron la compatibilidad con <canvas> a partir de Gecko 1.8 (es decir, Firefox 1.5 ). El elemento fue originalmente introducido por Apple en el OS X Dashboard y Safari. Internet Explorer, antes de la versión 9.0 beta, no admite de forma nativa <canvas> , pero una página puede de hecho añadir la compatibilidad mediante la inclusión de un script del proyecto Explorer Canvas de Google. Opera 9 también es compatible con <canvas> .

+

+ +

Para más artículos sobre canvas, consulta la página del tema canvas .

+ +

Contexto de uso

+ + + + + + + + + + + + + + + + + + + + +
Contenido permitidoTransparente, ya sea contenido estático o contenido dinámico .
Omisión de etiquetasNinguna, deben estar presentes tanto las etiquetas de inicio como las de cierre
Elementos primarios permitidosCualquier elemento que acepte contenido dinámico o cualquier otro elemento que acepte contenido estático . 
Documento normativoHTML 5, sección 4.8.10
+ +

Atributos

+ +
+
{{ htmlattrdef("width") }}
+
 La anchura del espacio de coordenadas en píxeles CSS. El valor predeterminado es 300.
+
{{ htmlattrdef("height") }}
+
La altura del espacio de coordenadas en píxeles CSS. El valor predeterminado es 150.
+
+ +
Nota: el tamaño del lienzo mostrado se puede cambiar con una hoja de estilo. La imagen se escala durante la representación para adaptarse al tamaño que se le ha aplicado estilo .
+ +

Interfaz DOM

+ + + +

Ejemplo

+ +
<canvas id="canvas" width="300" height="300">
+  Tu navegador no admite el elemento &lt;canvas&gt;.
+</canvas>
+
+ +

Sobre Accesibilidad

+ +

El elemento <canvas> es simplemente un bitman que no provee ninguna información adicional sobre los elementos que tiene dibujados. El contenido de la etiqueta canvas no se muestra a los lectores de pantalla como otras etiquetas semánticas. Como regla general, deberías evitar utilizar canvas en un sitio accesible.

+ +

Para mejorar la accesibilidad de la etiquetas puedes leer los siguientes artículos (en inglés):

+ + + +

Consulta también

+ + + +

 

+ +

{{ languages( { "de": "de/HTML/Element/canvas", "en": "en/HTML/Element/canvas", "es": "es/HTML/Elemento/canvas", "ja": "ja/HTML/Element/canvas", "ko": "ko/HTML/Element/canvas", "nl": "nl/HTML/HTML_Tags/canvas", "pl": "pl/HTML/Element/canvas", "ru": "Ru/HTML/Element/canvas", "zh-cn": "cn/HTML/Element/canvas", "fr": "fr/HTML/Element/canvas" } ) }}

diff --git a/files/es/web/html/element/caption/index.html b/files/es/web/html/element/caption/index.html new file mode 100644 index 0000000000..84d06cffaa --- /dev/null +++ b/files/es/web/html/element/caption/index.html @@ -0,0 +1,167 @@ +--- +title: caption +slug: Web/HTML/Elemento/caption +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/caption +--- +

Definición

+ +

Es el encargado de darle un título descriptivo a las tablas.

+ +
+
Sus etiquetas son: <caption> y </caption> (ambas obligatorias).
+
+ +
+
Crea una caja: .
+
+ +
+
Está definido como: Elemento para tablas.
+
+ +
+
Puede contener: Texto y/o cero o más elementos en línea.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalorpor omisión
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible. Sensible a M/m..Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m.Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdataLo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma.Lo fija el navegador. PD.: "desconocido".
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Lo fija el navegador. PD.: En castellano 'ltr'.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
align Indica la alineación en relación a la tabla.Uno de los siguientes: 'top', 'bottom', 'left', 'right'.Lo fija el navegador.
atributodescripciónvalorpor omisión
+ +

Ejemplos de uso

+ +
+

Ejemplo simple

+ +

El siguiente código:

+ +

+  <table border='1'>
+   <caption>Tabla con caption</caption>
+    <tr> <td> tabla de una celda. </td>  </tr>
+  </table>
+ 
+
+ +

Se visualiza así:

+ +
+ + + + + + + +
Tabla con caption
tabla de una celda.
+
+
+ +

Estilo predeterminado

+ +

Notas

+ +
    +
  • Debe ser el primer hijo del elemento table. una tabla solo puede tener uno.
    • +
+ +

Referencia

+ + + +

 

+ +

Soporte

+ +

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/center/index.html b/files/es/web/html/element/center/index.html new file mode 100644 index 0000000000..1a24bbaf4b --- /dev/null +++ b/files/es/web/html/element/center/index.html @@ -0,0 +1,116 @@ +--- +title:
(obsoleto) +slug: Web/HTML/Elemento/center +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/center +--- +

Definición

+ +

{{obsolete_header()}}
+ El elemento obsoleto center (centro) crea una caja en bloque con el contenido centrado. En realidad es equivalente a un div con align="center"

+ +
+
Sus etiquetas son: <center> y </center> (ambas obligatorias).
+
+ +
+
Crea una caja: en bloque.
+
+ +
+
Está definido como: Elemento desaprobado.
+
+ +
+
+
Actualmente la mejor forma de centrar texto no es con html, con css tenemos infinidad de posibilidales para centrar el texto vertical, horizontal, izquierda, dercha, justificado y todo lo que necesitemos.
+
+
+ +
+
Puede contener: cero o más elementos en bloque y en linea
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Atributovalordescripción
Genéricos
Ver atributos de transición.
Específicos
No tiene
De transición (Solo tiene los genéricos)
titletextoimplícitotítulo consultivo del elemento.
stylereglas de estiloimplícitoinformación de estilo en línea.
idIDimplícitoidentificador único a nivel de documento.
classlista de clases separadas por espaciosimplícitoidentificador a nivel de documento, .
diruno de los siguientes:"ltr" o "rtl"implícitodirección del texto débil/neutral
langcódigo de idiomaimplícitoinformación sobre el idioma
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Atributovalordescripción
+ +

Ejemplos

+ +
<center>
+ elemento center
+</center>
+<div align='center'>
+ elemento div con: align='center'
+</div>
+
diff --git a/files/es/web/html/element/cite/index.html b/files/es/web/html/element/cite/index.html new file mode 100644 index 0000000000..237934b396 --- /dev/null +++ b/files/es/web/html/element/cite/index.html @@ -0,0 +1,147 @@ +--- +title: cite +slug: Web/HTML/Elemento/cite +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/cite +--- +

Definición

+ +

cite -cita . Marca una referencia a una fuente, o el autor de un texto citado.

+ +
+
Sus etiquetas son: <cite> y </cite> (ambas obligatorias)
+
Está definido como: Elemento de frase, y por lo tanto en línea.
+
+ +
+
Crea una caja: En línea.
+
Puede contener: Text y/o cero o más elementos en línea.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalor
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible por personas. Sensible a M/m.. Por defecto: Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo. Por defecto: Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma. Por defecto: "desconocido". Lo fija el navegador.
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Por defecto: En castellano 'ltr'. Lo fija el navegador.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
No tiene
atributodescripciónvalor
+ +

Ejemplos de uso

+ +
+

¿Quién lo dijo?

+ +

código:

+ +
<p> <cite>Galileo</cite> dijo: "... y sin embargo, se mueve." </p>
+
+ +


+ Resultado:

+ +
+

Galileo dijo: "...y sin embargo, se mueve."

+
+
+ +

Estilo predeterminado

+ +

En los navegadores basados en Mozilla (y en otros) el contenido de cite es mostrado con un estilo de texto en cursiva.

+ +
<p> <cite>Galileo</cite> dijo: "... y sin embargo, se mueve." </p>
+<p> <span style='font-style: italic;'>Galileo</span> dijo: "... y sin embargo, se mueve." </p>
+
+ +

 

+ +

Notas

+ +
    +
  • Está bastante estendido el mal uso de este elemento, mucha gente lo usa para marcar el texto de las citas en vez del autor, para marcar el texto están los elementos q (en línea) y blockquote (en bloque).
    • +
+ +

Referencia

+ + + +

Soporte

+ +

Puede consultar esta comparativa: IE 6 - IE 7 - FF 1.5 - OP 9.

+ +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/code/index.html b/files/es/web/html/element/code/index.html new file mode 100644 index 0000000000..dfcac59bfd --- /dev/null +++ b/files/es/web/html/element/code/index.html @@ -0,0 +1,110 @@ +--- +title: code +slug: Web/HTML/Elemento/code +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/code +--- +

 

+ +

Definición

+ +

Es el apropiado para marcar el código de un programa.

+ +
+
Sus etiquetas son: <code> y </code> (ambas obligatorias)
+
+ +
+
Crea una caja: en linea.
+
+ +
+
Está definido como: Elemento de frase.
+
+ +
+
Puede contener: en linea
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Atributovalordescripción
Genéricos
titletextoimplícitotítulo consultivo del elemento.
stylereglas de estiloimplícitoinformación de estilo en línea.
idIDimplícitoidentificador único a nivel de documento.
classCDATAimplícitolista de clases separadas por espacios.
dir(ltr|rtl)implícitodirección del texto débil/neutral
langcódigo de idiomaimplícitoinformación sobre el idioma
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
No tiene
Atributovalordescripción
+ +

 

+ +

Ejemplos

+ +
<code>
+ #include main() { for(;;) { printf ("Hello World!\n"); } } 
+</code>
+
diff --git a/files/es/web/html/element/col/index.html b/files/es/web/html/element/col/index.html new file mode 100644 index 0000000000..4f8c415f87 --- /dev/null +++ b/files/es/web/html/element/col/index.html @@ -0,0 +1,177 @@ +--- +title: col +slug: Web/HTML/Elemento/col +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/col +--- +

Definición

+ +

Permite especificar propiedades para una columna o un grupo de ellas.

+ +
+
Sus etiquetas son: <col> (solo tiene una).
+
+ +
+
Crea una caja: No.
+
+ +
+
Está definido como: Elemento para tablas..
+
+ +
+
Puede contener: Nada.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalorpor omisión
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible. Sensible a M/m..Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m.Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdataLo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma.Lo fija el navegador. PD.: "desconocido".
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Lo fija el navegador. PD.: En castellano 'ltr'.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
span Indica el número de columnas afectadas.Un número.PD.: 1.
width Indica la anchura de las columnas.Una longitud expresada en píxeles, porcentaje o relativa.Lo fija el navegador.
align Indica la alineación horizontal.Uno de los siguientes: (left|center|right|justify|char).Lo fija el navegador.
char Carácter que se usará como punto de alineación.Un carácter, Uno de estos: {{ mediawiki.external('ISO10646') }}.Lo fija el navegador.
charoff offset del carácter de alineación.Una longitud expresada en píxeles o porcentaje.Lo fija el navegador.
valign Indica la alineación vertical de los contenidos de las celdas.Uno de los siguientes: (top|middle|bottom|baseline).Lo fija el navegador.
De transición
No tiene
atributodescripciónvalorpor omisión
+ +

Ejemplos de uso

+ +
+

bla bla

+ +

+
+ 
+
+
+ +

Estilo predeterminado

+ +

Notas

+ +

Referencia

+ + + +

 

+ +

Soporte

+ +

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

+ +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/colgroup/index.html b/files/es/web/html/element/colgroup/index.html new file mode 100644 index 0000000000..da87284232 --- /dev/null +++ b/files/es/web/html/element/colgroup/index.html @@ -0,0 +1,163 @@ +--- +title: colgroup +slug: Web/HTML/Elemento/colgroup +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/colgroup +--- +

Definición

+ +

colgroup de column group = Grupo de columnas. Permite crear grupos de columnas.

+ +
+
Sus etiquetas son: <colgroup> y </colgroup> (la de cierre es opcional).
+
+ +
+
Crea una caja: No.
+
+ +
+
Está definido como: Elemento para tablas.
+
+ +
+
Puede contener: Cero o más elementos col.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalor
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible. Sensible a M/m.. Por defecto: Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdata. Por defecto: Lo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo. Por defecto: Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma. Por defecto: "desconocido". Lo fija el navegador.
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Por defecto: En castellano 'ltr'. Lo fija el navegador.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
span Indica el número de columnas que se agrupan.Un número entero mayor que cero. Por defecto: 1.
width Indica la anchura de las columnas del grupo.Una longitud expresada en píxeles, porcentaje o relativa. Por defecto: Lo fija el navegador.
align Indica la alineación horizontal.Uno de los siguientes: 'left' 'center' 'right' 'justify' y 'char'. Por defecto: Lo fija el navegador.
char Carácter que se usará como punto de alineación.Un carácter. Por defecto: el carácter de punto decimal (puede variar según el idioma). Por defecto: Lo fija el navegador.
charoff Indica la distancia entre el borde y el carácter de alineación.Una longitud expresada en píxeles o porcentaje. Por defecto: Lo fija el navegador.
valign Indica la alineación vertical de los contenidos de las celdas.Uno de los siguientes: 'top' 'middle' 'bottom' y 'baseline'. Por defecto: Lo fija el navegador.
De transición
No tiene
atributodescripciónvalor
+ +

Ejemplos de uso

+ +
+

bla bla

+ +

+
+ 
+
+
+ +

Estilo predeterminado

+ +

Notas

+ +

Referencia

+ + + +

 

+ +

Soporte

+ +

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

+ +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/content/index.html b/files/es/web/html/element/content/index.html new file mode 100644 index 0000000000..0e380c1cd9 --- /dev/null +++ b/files/es/web/html/element/content/index.html @@ -0,0 +1,167 @@ +--- +title: +slug: Web/HTML/Elemento/content +tags: + - Deprecado + - Elemento + - HTML + - Referencia + - Web + - Web Components +translation_of: Web/HTML/Element/content +--- +

{{Deprecated_header}}

+ +

El elemento HTML <content> es usado dentro de un  Shadow DOM como un {{glossary("insertion point")}} . No está pensado para ser usado en HTML ordinario . Es usado con Web Components.

+ +
+

Nota: Aunque está presente en un draft inicial de las especificaciones e implementado en varios exploradores , este elemento ha sido removido en versiones posteriores a la especificación .

+
+ + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoModelo de contenido transpatente
Contenido permitidoContenido dinámico
Omisión de etiquetas{{no_tag_omission}}
Elementos padre permitidosAny element that accepts flow content.
Interfase DOM{{domxref("HTMLContentElement")}}
+ +

Atributos

+ +

Este elemento incluye los atributos globales .

+ +
+
select
+
Una lista de selectores separada por comas . Estos tienen la misma sintaxis que los selectores de CSS . Seleccionan el contenido a insertar en lugar del elemento <content> .
+
+ +

Ejemplo

+ +

Aquí hay un ejemplo simple del uso del elemento <content> . Es un archivo HTML con todo lo necesario en el .

+ +
+

Nota: Para que este código funcione , el explorador en el que se muestre debe de soportar Web Components . Ver Enabling Web Components in Firefox .

+
+ +
<html>
+  <head></head>
+  <body>
+  <!-- The original content accessed by <content> -->
+  <div>
+    <h4>My Content Heading</h4>
+    <p>My content text</p>
+  </div>
+
+  <script>
+  // Get the <div> above.
+  var myContent = document.querySelector('div');
+  // Create a shadow DOM on the <div>
+  var shadowroot = myContent.createShadowRoot();
+  // Insert into the shadow DOM a new heading and
+  // part of the original content: the <p> tag.
+  shadowroot.innerHTML =
+   '<h2>Inserted Heading</h2> <content select="p"></content>';
+  </script>
+
+  </body>
+</html>
+
+ +

Si muestras esto en un explorador web , debe de verse como lo siguiente .

+ +

content example

+ +

Especificaciones

+ + + + + + + + + + + + + + +
EspecificaciónEstatusComentario
{{SpecName('Shadow DOM', "#the-content-element", "content")}}{{Spec2('Shadow DOM')}} 
+ +

Compatibilidad con exploradores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísiticaChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Soporte básico35{{CompatGeckoDesktop("28")}} [1]{{CompatNo}}26{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CatacterísticaAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Soporte básico 37{{CompatGeckoMobile("28")}} [1]{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] Si el Shadow DOM no está habilidado en Firefox , los elementos de <content> se comportarán como  {{domxref("HTMLUnknownElement")}} . Shadow DOM fue implementado por primera vez en Firefox33 y está detras de una preferencia , dom.webcomponents.enabled, el cual está deshabilitado por default .

+ +

Ver también

+ +
    +
  • Web Components
    • +
  • {{HTMLElement("shadow")}}, {{HTMLElement("template")}}, {{HTMLElement("element")}}
    • +
+ +
{{HTMLRef}}
diff --git a/files/es/web/html/element/data/index.html b/files/es/web/html/element/data/index.html new file mode 100644 index 0000000000..8f202fa334 --- /dev/null +++ b/files/es/web/html/element/data/index.html @@ -0,0 +1,141 @@ +--- +title: +slug: Web/HTML/Elemento/data +tags: + - Elemento + - HTML + - Referencia + - Web +translation_of: Web/HTML/Element/data +--- +

Resúmen

+ +

El Elemento HTML <data> vincula un contenido dado con una traducción legible por una máquina. Si el contenido está relacionado con time- o date-, debe usarse el elemento {{HTMLElement("time")}}.

+ + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoFlow content, phrasing content, palpable content.
Contenido permitidoPhrasing content.
Omisión de etiqueta{{no_tag_omission}}
Elementos permitidosAny element that accepts phrasing content.
interfaz DOM{{domxref("HTMLDataElement")}}
+ +

Atributos

+ +

Este elemento incluye Atributos globales

+ +
+
{{htmlattrdef("value")}}
+
This attribute specifies the machine-readable translation of the content of the element.
+
+ +

Ejemplo

+ +

El siguiente ejemplo muestra nombres de productos pero también asocia a cada uno con su código UPC.

+ +
<p>New Products</p>
+<ul>
+ <li><data value="3967381398">Mini Ketchup</data></li>
+ <li><data value="3967381399">Jumbo Ketchup</data></li>
+ <li><data value="3967381400">Mega Jumbo Ketchup</data></li>
+</ul>
+
+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-data-element', '<data>')}}{{Spec2('HTML WHATWG')}}No change from {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-data-element', '<data>')}}{{Spec2('HTML5 W3C')}}Initial definition.
+ +

Compatibilidad de navegador

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatNo}}{{CompatGeckoDesktop("22.0")}} {{bug("839371")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +

Ver también

+ +
    +
  • The HTML {{HTMLElement("time")}} element.
    • +
+ +

{{HTMLRef}}

diff --git a/files/es/web/html/element/datalist/index.html b/files/es/web/html/element/datalist/index.html new file mode 100644 index 0000000000..40049a9734 --- /dev/null +++ b/files/es/web/html/element/datalist/index.html @@ -0,0 +1,106 @@ +--- +title: datalist +slug: Web/HTML/Elemento/datalist +tags: + - HTML5 + - datalist +translation_of: Web/HTML/Element/datalist +--- +

El elemento HTML <datalist> contiene un conjunto de elementos {{HTMLElement("option")}} que representan los valores disponibles para otros controles.

+ +

La fuente de este ejemplo interactivo se almacena en un repositorio de GitHub. Si desea contribuir al proyecto de ejemplos interactivos, copia https://github.com/mdn/interactive-examples y envíenos una solicitud de extracción.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Contenido de las categoríasContenido de flujo, contenido de fraseo.
Contenido permitidoO bien contenido de fraseo o, cero o más elementos {{HTMLElement("option")}}.
Omisión de etiqueta{{no_tag_omission}}
Elementos padre permitidosCualquier elemento que acepte contenido de fraseo.
Roles ARIA permitidosNinguno
Interfaz DOM{{domxref("HTMLDataListElement")}}
+ +

Atributos

+ +

Este elemento no tiene otros atributos mas que los atributos globales, comunes a todos los elementos.

+ +

Ejemplos

+ +
<label>Choose a browser from this list:
+<input list="browsers" name="myBrowser" /></label>
+<datalist id="browsers">
+  <option value="Chrome">
+  <option value="Firefox">
+  <option value="Internet Explorer">
+  <option value="Opera">
+  <option value="Safari">
+  <option value="Microsoft Edge">
+</datalist>
+
+ +

Resultado

+ +

{{EmbedLiveSample("Examples")}}

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'forms.html#the-datalist-element', '<datalist>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'forms.html#the-datalist-element', '<datalist>')}}{{Spec2('HTML5 W3C')}}
+ +

Compatibilidad con los distintos navegadoresEdit

+ + + +

{{Compat("html.elements.datalist")}}

+ +

sección de relleno

+ +

Incluya este polyfill para proporcionar soporte para navegadores antiguos y actualmente incompatibles:
+ datalist-polyfill

+ +

Ver también

+ +
    +
  • El elemento {{HTMLElement("input")}}, y más especificamente este atributo {{htmlattrxref("list", "input")}};
    • +
  • El elemento {{HTMLElement("option")}}.
    • +
+ +

{{HTMLRef}}

diff --git a/files/es/web/html/element/dd/index.html b/files/es/web/html/element/dd/index.html new file mode 100644 index 0000000000..3296e7758b --- /dev/null +++ b/files/es/web/html/element/dd/index.html @@ -0,0 +1,111 @@ +--- +title: dd +slug: Web/HTML/Elemento/dd +tags: + - Contenido agrupado HTML + - Definición + - Detalles + - Detalles de descripción + - Elemento + - HTML + - Lista de descripciones + - Referencia + - Web + - dd +translation_of: Web/HTML/Element/dd +--- +
{{HTMLRef}}
+ +

El elemento HTML <dd> provee detalles acerca de o la definición de un término precedente ({{HTMLElement("dt")}}) en una lista de descripciones ({{HTMLElement("dl")}}).

+ +
{{EmbedInteractiveExample("pages/tabbed/dd.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoNinguna
Contenido permitidoContenido de flujo
Omisión de TagEl tag inicial es requerido. El tag final puede ser omitido si el elemento {{HTMLElement("dd")}} se encuentra inmediatamente seguido por otro elemento <dd>, o si no hay más contenido en el elemento padre.
Padres permitidos{{HTMLElement("dl")}} o (en WHATWG HTML) un {{HTMLElement("div")}} que se encuentra dentro de un {{HTMLElement("dl")}}.
Hermano previo{{HTMLElement("dt")}} u otro elemento {{HTMLElement("dd")}}.
Roles ARIA permitidosNinguno
Interfaz DOM{{domxref("HTMLElement")}}
+ +

Atributos

+ +

Los atributos de este elemento incluye los atributos globales.

+ +
+
{{htmlattrdef("nowrap")}} {{Non-standard_inline}}
+
Si el valor de este atributo es definido como yes, el texto de la definición no se encapsulará. El valor por defecto es no.
+
+ +

Ejemplo

+ +

Para un ejemplo, ver ejemplos <dl>.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstatusComentarios
{{SpecName('HTML WHATWG', 'semantics.html#the-dd-element', '<dd>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'grouping-content.html#the-dd-element', '<dd>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '<dd>')}}{{Spec2('HTML4.01')}} 
+ +

Compatibilidad del navegador

+ + + +

{{Compat("html.elements.dd")}}

+ +

Ver también

+ +
    +
  • {{HTMLELement("dl")}}
    • +
  • {{HTMLElement("dt")}}
    • +
diff --git a/files/es/web/html/element/del/index.html b/files/es/web/html/element/del/index.html new file mode 100644 index 0000000000..b38c85a532 --- /dev/null +++ b/files/es/web/html/element/del/index.html @@ -0,0 +1,155 @@ +--- +title: del +slug: Web/HTML/Elemento/del +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/del +--- +

 

+ +

Definición

+ +

El elemento del (deleted-borrado) marca las partes de un texto o documento que han sido suprimidas o sustituidas.

+ +
+
Sus etiquetas son: <del> y </del> (ambas obligatorias).
+
+ +
+
Crea una caja: a veces en linea a veces en bloque.
+
+ +
+
Está definido como:
+
+ +
+
Puede contener: depende, si actua como un elemento en bloque puede contener elementos en bloque y en linea. Pero si actua como un elemento en linea solo podrá contener elementos en linea.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Atributovalordescripción
Genericos
titletextoimplícitotítulo consultivo del elemento.
stylereglas de estiloimplícitoinformación de estilo en línea.
idIDimplícitoidentificador único a nivel de documento.
classCDATAimplícitoidentificador a nivel de documento, lista de clases separadas por espacios.
dir(ltr|rtl)implícitodirección del texto débil/neutral
langcódigo de idiomaimplícitoinformación sobre el idioma
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
citeURIimplícitoinformación sobre el cambio
datetimefechaimplícitofecha y hora del cambio
de transición
No tiene, o dicho de otra manera, tiene los mismos que en el doctype estricto
Atributovalordescripción
+ +

Ejemplos

+ +

El siguiente código:

+ +
 Ejemplo de ins en linea:
+
+   <p>
+       El agua es insípida <del>y húmeda.</del> <ins>inodora e incolora.</ins>
+   </p>
+
+ Ejemplo de ins en bloque:
+
+   <p>
+       El agua es insípida.
+   </p>
+
+ <del>
+   <p>
+       y húmeda.
+   </p>
+ </del>
+
+ +


+ Se visualiza así:

+ +
+

Ejemplo de ins en linea:

+ +

El agua es insípida

+y húmeda. inodora e incolora. + +

Ejemplo de ins en bloque:

+ +

El agua es insípida.

+ +

 

+ +

 

+y húmeda.
+ +

Comentarios

+ +

El elemento del del tiene un opuesto, el elemento ins. del, marca las partes descartadas e ins las insertadas.

diff --git a/files/es/web/html/element/details/index.html b/files/es/web/html/element/details/index.html new file mode 100644 index 0000000000..cd8b0c5abb --- /dev/null +++ b/files/es/web/html/element/details/index.html @@ -0,0 +1,152 @@ +--- +title:
+slug: Web/HTML/Elemento/details +tags: + - Elemento + - Elementos HTML interactivos + - HTML + - HTML5 + - Referencia + - Web +translation_of: Web/HTML/Element/details +--- +

{{ SeeCompatTable() }}

+ +

Resumen

+ +

El elemento HTML Details <details> es usado como un widget de revelación a través del cual el usuario puede obtener información adicional .

+ + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoContenido dinámico , contenido de seccionamiento, contenido interactivo, contenido palpable .
Contenido permitidoUn elemento  {{HTMLElement("summary")}}  seguido de contenido dinámico 
Omisión de etiquetas{{no_tag_omission}}
Elementos padres permitidosCualquier elemento que acepte  contenido dinámico.
Interfaz DOM{{domxref("HTMLDetailsElement")}}
+ +

Atributos

+ +

Este elemento incluye los atributos globales .

+ +
+
{{htmlattrdef("open")}}
+
Este atributo Booleano indica si los detalles serán mostrados al usuario cuando la página se cargue . Por default el valor es false y por lo tanto los detalles estarán ocultos.
+
+
+ +

Ejemplo

+ +
<details>
+  <summary>Some details</summary>
+  <p>More info about the details.</p>
+</details>
+
+ +

Resultado

+ +

{{EmbedLiveSample("Example")}}

+ +
+

Nota: Si el el ejemplo de arriba no funciona , ver {{anch("Compatibilidad con navegadores")}}  para determinar si el navegador soporta esta característica .

+
+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
EspecificacionesEstatusComentario
{{SpecName('HTML WHATWG', 'interactive-elements.html#the-details-element', '<details>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5.1', 'semantics.html#the-details-element', '<details>')}}{{Spec2('HTML5.1')}}
+ +

Compatibilidad con navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico12{{CompatNo}} {{bug(591737)}}{{CompatNo}}156
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico4.0{{CompatNo}} {{bug(591737)}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +

+ +

Ver también

+ +
    +
  • {{HTMLElement("summary")}}
    • +
+ +
{{HTMLRef}}
diff --git a/files/es/web/html/element/dfn/index.html b/files/es/web/html/element/dfn/index.html new file mode 100644 index 0000000000..03242c90bd --- /dev/null +++ b/files/es/web/html/element/dfn/index.html @@ -0,0 +1,112 @@ +--- +title: dfn +slug: Web/HTML/Elemento/dfn +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/dfn +--- +

 

+ +

Definición

+ +

Sirve para marcar el término que se quiere definir.

+ +
+
Sus etiquetas son: <dfn> y </dfn> (ambas obligatorias)
+
+ +
+
Crea una caja: en linea.
+
+ +
+
Está definido como: Elemento de frase.
+
+ +
+
Puede contener: cero o más elementos en linea
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Atributovalordescripción
Genéricos
titletextoimplícitotítulo consultivo del elemento.
stylereglas de estiloimplícitoinformación de estilo en línea.
idIDimplícitoidentificador único a nivel de documento.
classCDATAimplícitoidentificador a nivel de documento, lista de clases separadas por espacios.
dir(ltr|rtl)implícitodirección del texto débil/neutral
langcódigo de idiomaimplícitoinformación sobre el idioma
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
No tiene
Atributovalordescripción
+ +

 

+ +

Ejemplos

+ +
<p>
+     El <dfn>HTML</dfn> es un lenguaje de marcado para hipertextos.
+</p>
+
+ +

Comentarios

diff --git a/files/es/web/html/element/dialog/index.html b/files/es/web/html/element/dialog/index.html new file mode 100644 index 0000000000..e44363c003 --- /dev/null +++ b/files/es/web/html/element/dialog/index.html @@ -0,0 +1,152 @@ +--- +title: +slug: Web/HTML/Elemento/dialog +translation_of: Web/HTML/Element/dialog +--- +
{{HTMLRef}}
+ +

El elemento HTML <dialog> representa una caja de diálogo u otro componente interactivo, como inspector o ventana.

+ + + + + + + + + + + + + + + + + + + + + + + + +
Content categoriesFlow content, sectioning root
Permitted contentFlow content
Tag omission{{no_tag_omission}}
Permitted parent elementsAny element that accepts flow content
DOM interface{{domxref("HTMLDialogElement")}}
+ +

Atributos

+ +

Este elemento incluye los atributos globales. El atributo tabindex no debe utilizarse en el elemento <dialog>.

+ +
+
{{htmlattrdef("open")}}
+
Indica que el diálogo está activo y disponible para interactuar. Cuando el atributo open no está asignado, no debe mostrarse al usuario.
+
+ +

Notas de uso

+ +

 

+ +
    +
  • Los elementos <form> pueden integrarse dentro de un diálogo  especificándolos con el atributo method="dialog". Cuando se envía un formulario, el diálogo se cierra con un atributo {{domxref("HTMLDialogElement.returnValue", "returnValue")}} asignado con el value del botón utilizado.
    • +
  • El pseudo-elemento {{cssxref('::backdrop')}} de CSS puede utilizarse para dar estilos al elemento <dialog>, por ejemplo para atenuar contenido inaccesible mientras el diálogo modal esté activo.
    • +
+ +

 

+ +

Ejemplos

+ +

Ejemplo 1

+ +
<dialog open>
+  <p>Greetings, one and all!</p>
+</dialog>
+
+ +

Ejemplo 2

+ +
<!-- Simple pop-up dialog box, containing a form -->
+<dialog id="favDialog">
+  <form method="dialog">
+    <section>
+      <p><label for="favAnimal">Favorite animal:</label>
+      <select id="favAnimal">
+        <option></option>
+        <option>Brine shrimp</option>
+        <option>Red panda</option>
+        <option>Spider monkey</option>
+      </select></p>
+    </section>
+    <menu>
+      <button id="cancel" type="reset">Cancel</button>
+      <button type="submit">Confirm</button>
+    </menu>
+  </form>
+</dialog>
+
+<menu>
+  <button id="updateDetails">Update details</button>
+</menu>
+
+<script>
+  (function() {
+    var updateButton = document.getElementById('updateDetails');
+    var cancelButton = document.getElementById('cancel');
+    var favDialog = document.getElementById('favDialog');
+
+    // Update button opens a modal dialog
+    updateButton.addEventListener('click', function() {
+      favDialog.showModal();
+    });
+
+    // Form cancel button closes the dialog box
+    cancelButton.addEventListener('click', function() {
+      favDialog.close();
+    });
+
+  })();
+</script>
+
+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'forms.html#the-dialog-element', '<dialog>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5.1', 'semantics.html#the-dialog-element', '<dialog>')}}{{Spec2('HTML5.1')}}Definición inicial
+ +

Compatibilidad de navegadores

+ +

 

+ + + +

{{Compat("html.elements.dialog")}}

+ +

 

+ +

Ver también

+ +
    +
  • Formularios HTML.
    • +
  • El evento {{event("close")}}
    • +
  • El evento {{event("cancel")}}
    • +
  • El pseudo-elemento {{cssxref("::backdrop")}}
    • +
diff --git a/files/es/web/html/element/dir/index.html b/files/es/web/html/element/dir/index.html new file mode 100644 index 0000000000..6c95601436 --- /dev/null +++ b/files/es/web/html/element/dir/index.html @@ -0,0 +1,121 @@ +--- +title: dir +slug: Web/HTML/Elemento/dir +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/dir +--- +

 

+ +

Definición

+ +

El elemento dir (directorio) es un elemento desaprobado. En su origen fue pensado para crear directorios en multicolumna, en la actualidad es inutil.

+ +
+
Sus etiquetas son: <dir> y </dir> (ambas obligatorias).
+
+ +
+
Crea una caja: en bloque.
+
+ +
+
Está definido como: Elemento DESAPROBADO.
+
+ +
+
Puede contener: uno o más elementos li
+
NO puede contener: Elementos en bloque
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Genericos
Genericos
titletextoimplícitotítulo consultivo del elemento.
stylereglas de estiloimplícitoinformación de estilo en línea.
idIDimplícitoidentificador único a nivel de documento.
classCDATAimplícitoidentificador a nivel de documento, lista de clases separadas por espacios.
dir(ltr|rtl)implícitodirección del texto débil/neutral
langcódigo de idiomaimplícitoinformación sobre el idioma
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
de transición
compactcompactimplícitoespacio entre objetos reducido
+ +

Ejemplos

+ +

El siguiente código:

+ +
 <dir>
+  <li>primer elemento </li>
+  <li>segundo elemento </li>
+  <li>tercer elemento </li>
+ </dir>
+
+ +
+

Se visualiza así:

+ +
    +
  • primer elemento
    • +
  • segundo elemento
    • +
  • tercer elemento
    • +
+
+ +

Comentarios

diff --git a/files/es/web/html/element/div/index.html b/files/es/web/html/element/div/index.html new file mode 100644 index 0000000000..5421099e45 --- /dev/null +++ b/files/es/web/html/element/div/index.html @@ -0,0 +1,152 @@ +--- +title: div +slug: Web/HTML/Elemento/div +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/div +--- +

Definición

+ +

div de "division" -división . Sirve para crear secciones o agrupar contenidos.

+ +
+
Sus etiquetas son: <div> y </div> (ambas obligatorias).
+
Está definido como: Elemento en bloque.
+
+ +
+
Crea una caja: En bloque.
+
Puede contener: Texto, y/o cero o más elementos en bloque o en linea.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalor
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible por personas. Sensible a M/m.. Por defecto: Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo. Por defecto: Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma. Por defecto: "desconocido". Lo fija el navegador.
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Por defecto: En castellano 'ltr'. Lo fija el navegador.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
datasrc Enlaza a una fuente de datos externa (individual o tabular). Reservado para posibles usos futuros.Una dirección URI. Por defecto: Lo fija el navegador.
datafld El nombre de una propiedad o columna de datasrc. Reservado para posibles usos futuros.Por defecto: Lo fija el navegador.
dataformatas Indica como deben ser tratados los datos obtenidos de datasrc. Reservado para posibles usos futuros.Uno de los siguientes: 'paintext' o 'html'. Por defecto: 'plaintext'
De transición
align Alineación del texto.Uno de los siguientes: "left", "center", "right", o "justify". Por defecto: 'left', lo fija el navegador
atributodescripciónvalor
+ +

Ejemplos de uso

+ +
+

Div y span

+ +

código:

+ +
<div style="color: blue;">
+ <h2> Ejemplo de div y span </h2>
+  <p>
+    Esto es un párrafo dentro de un div,
+    <span style="color: red;"> y esto un span dentro de un párrafo.</span>
+  </p>
+</div>
+
+ +

el wiki causa interferencias Resultado: <div style='border: solid silver 1px;'> <div style="color: blue;"> <h2> Ejemplo de div y span </h2> <p> Esto es un párrafo dentro de un div, <span style="color: red;"> y esto un span dentro de un párrafo.</span> </p> </div> </div>

+
+ +

Estilo predeterminado

+ +

Notas

+ +

Referencia

+ + + +

 

+ +

Soporte

+ +

Puede consultar esta comparativa: IE 6 - IE 7 - FF 1.5 - OP 9.

+ +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/dl/index.html b/files/es/web/html/element/dl/index.html new file mode 100644 index 0000000000..9bea9588ce --- /dev/null +++ b/files/es/web/html/element/dl/index.html @@ -0,0 +1,219 @@ +--- +title: dl +slug: Web/HTML/Elemento/dl +tags: + - Agrupando contenido HTML + - Elemento + - HTML + - Referencia + - Web +translation_of: Web/HTML/Element/dl +--- +
{{HTMLRef}}
+ +

El elemento HTML <dl>  representa una lista descriptiva. El elemento encierra una lista de grupos de términos (especificados con el uso del elemento {{HTMLElement("dt")}}) y de descripciones (proveídas con elementos {{HTMLElement("dd")}}). Algunos usos comunes para este elemento son implementar un glosario o para desplegar metadatos (lista de pares llave-valor).

+ +
{{EmbedInteractiveExample("pages/tabbed/dl.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoContenido de flujo, y si los elementos hijos de <dl> incluyen un grupo nombre-valor, contenido palpable.
Contenido permitido +

Ya sea: Cero o más grupos cada uno consistiendo en uno o más elementos {{HTMLElement("dt")}} seguidos por uno o más elementos {{HTMLElement("dd")}}, opcionalmente intercalados con elementos {{HTMLElement("script")}} y elementos {{HTMLElement("template")}}.
+ O: Uno o más elementos {{HTMLElement("div")}}, opcionalmente entremezclados con elementos {{HTMLElement("script")}} y elementos {{HTMLElement("template")}}.

+
Omisión de Tag{{no_tag_omission}}
Padres permitidosCualquier elemento que acepte contenido de flujo.
Roles ARIA permitidos{{ARIARole("group")}}, {{ARIARole("presentation")}}
Interfaz DOM{{domxref("HTMLDListElement")}}
+ +

Atributos

+ +

Los atributos de este elemento incluyen los atributos globales.

+ +

Ejemplos

+ +

Término sencillo y descripción

+ +
<dl>
+  <dt>Firefox</dt>
+  <dd>
+    A free, open source, cross-platform,
+    graphical web browser developed by the
+    Mozilla Corporation and hundreds of
+    volunteers.
+  </dd>
+
+  <!-- Other terms and descriptions -->
+</dl>
+
+ +

Salida:

+ +

Image:HTML-dl1.png

+ +

Múltiples términos, descripción sencilla

+ +
<dl>
+  <dt>Firefox</dt>
+  <dt>Mozilla Firefox</dt>
+  <dt>Fx</dt>
+  <dd>
+    A free, open source, cross-platform,
+    graphical web browser developed by the
+    Mozilla Corporation and hundreds of
+    volunteers.
+  </dd>
+
+  <!-- Other terms and descriptions -->
+</dl>
+
+ +

Salida:

+ +

Image:HTML-dl2.png

+ +

Término sencillo, múltiples descripciones

+ +
<dl>
+  <dt>Firefox</dt>
+  <dd>
+    A free, open source, cross-platform,
+    graphical web browser developed by the
+    Mozilla Corporation and hundreds of
+    volunteers.
+  </dd>
+  <dd>
+    The Red Panda also known as the Lesser
+    Panda, Wah, Bear Cat or Firefox, is a
+    mostly herbivorous mammal, slightly larger
+    than a domestic cat (60 cm long).
+  </dd>
+
+  <!-- Other terms and descriptions -->
+</dl>
+
+ +

Output:

+ +

Image:HTML-dl3.png

+ +

Múltiples términos y descripciones

+ +

También es posible definir múltiples términos con múltiples descripciones correspondientes, combinando los ejemplos de arriba.

+ +

Metadatos

+ +

Las listas descriptivas son útiles para desplegar metadatos como una lista de pares llave-valor.

+ +
<dl>
+  <dt>Name</dt>
+  <dd>Godzilla</dd>
+  <dt>Born</dt>
+  <dd>1952</dd>
+  <dt>Birthplace</dt>
+  <dd>Japan</dd>
+  <dt>Color</dt>
+  <dd>Green</dd>
+</dl>
+
+ +

Tip: Puede ser útil definir un separador llave-valor en el CSS, como:

+ +
dt::after {
+  content: ": ";
+}
+ +

Encapsulado de grupos nombre-valor en elementos {{HTMLElement("div")}}

+ +

WHATWG HTML permite encapsular cada grupo nombre-valor de un elemento {{HTMLElement("dl")}} en un elemento {{HTMLElement("div")}}. Esto puede ser útil cuando se utilizan microdatos, o cuando atributos globales apliquen a todo el grupo, o por motivos de estilo.

+ +
<dl>
+  <div>
+    <dt>Name</dt>
+    <dd>Godzilla</dd>
+  </div>
+  <div>
+    <dt>Born</dt>
+    <dd>1952</dd>
+  </div>
+  <div>
+    <dt>Birthplace</dt>
+    <dd>Japan</dd>
+  </div>
+  <div>
+    <dt>Color</dt>
+    <dd>Green</dd>
+  </div>
+</dl>
+
+ +

Notas

+ +

No use este elemento (ni elementos {{HTMLElement("ul")}}) solo para crear sangría en una página. Si bien funciona, es una mala práctica y obscurece el signinifcado de las listas descriptivas.

+ +

Para cambiar la indentación de un término, usa la propiedad {{cssxref("margin")}} de CSS.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstatusComentarios
{{SpecName('HTML WHATWG', 'semantics.html#the-dl-element', '<dl>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'grouping-content.html#the-dl-element', '<dl>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '<dl>')}}{{Spec2('HTML4.01')}}Definición inicial
+ +

Compatibilidad Web

+ + + +

{{Compat("html.elements.dl")}}

+ +

See also

+ +
    +
  • {{HTMLElement("dt")}} element
    • +
  • {{HTMLElement("dd")}} element
    • +
diff --git a/files/es/web/html/element/dt/index.html b/files/es/web/html/element/dt/index.html new file mode 100644 index 0000000000..7cbf0c3182 --- /dev/null +++ b/files/es/web/html/element/dt/index.html @@ -0,0 +1,103 @@ +--- +title: dt +slug: Web/HTML/Elemento/dt +tags: + - Contenido agrupado HTML + - Definición + - Elemento + - HTML + - Lista de definiciones + - Referencia + - Término + - Término de definición + - dt + - listas +translation_of: Web/HTML/Element/dt +--- +
{{HTMLRef}}
+ +

El  elemento HTML <dt> especifica un término en una descripción o lista de definiciones, y como tal debe utilizarse dentro de un elemento {{HTMLElement("dl")}} Es usualmente seguido por un elemento {{HTMLElement("dd")}}; sin embargo, múltiples elementos <dt>  en un renglón indican diferentes términos los cuales todos son definidos por el siguiente elemento {{HTMLElement("dd")}}.

+ +

El subsecuente elemento {{HTMLElement("dd")}} (Detalles de la descripción) provee la definición u otro texto relacionado asociado con el término especificado utilizando <dt>.

+ +
{{EmbedInteractiveExample("pages/tabbed/dt.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoNinguno.
Contenido permitidoContenido de flujo, pero sin {{HTMLElement("header")}}, {{HTMLElement("footer")}}, contenido seccionado o encabezados descendientes de contenido.
Omisión de TagDebe tener un tag inicial. El tag final puede ser omitido si este elemento es seguido inmediatamente después por otro elemento <dd>,  o si no hay más contenido en el elemento padre.
Padres permitidosAntes de un elemento {{HTMLElement("dt")}} o elemento {{HTMLElement("dd")}}, dentro de un {{HTMLElement("dl")}} o (en WHATWG HTML) un {{HTMLElement("div")}} que esta dentro de un {{HTMLElement("dl")}}.
Roles ARIA permitidosNinguno
Interfaz DOM{{domxref("HTMLElement")}} Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element.
+ +

Atributos

+ +

Este elemento solo incluye los atributos globales.

+ +

Ejemplo

+ +

Para ver un ejemplo, vea el proveído por el elemento <dl>.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstatusComentario
{{SpecName('HTML WHATWG', 'semantics.html#the-dt-element', '<dt>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'grouping-content.html#the-dt-element', '<dt>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '<dt>')}}{{Spec2('HTML4.01')}} 
+ +

Compatibilidad del navegador

+ + + +

{{Compat("html.elements.dt")}}

+ +

Vea también

+ +
    +
  • {{HTMLElement("dd")}}, {{HTMLElement("dl")}}
    • +
diff --git a/files/es/web/html/element/em/index.html b/files/es/web/html/element/em/index.html new file mode 100644 index 0000000000..d24fa05f81 --- /dev/null +++ b/files/es/web/html/element/em/index.html @@ -0,0 +1,60 @@ +--- +title: em +slug: Web/HTML/Elemento/em +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/em +--- +
{{HTMLRef}}
+ +

El elemento HTML <em> es el apropiado para marcar con énfasis las partes importantes de un texto. El elemento <em> puede ser anidado, con cada nivel de anidamiento indicando un mayor grado de énfasis.

+ +
{{EmbedInteractiveExample("pages/tabbed/em.html", "tabbed-shorter")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoContenido dinámico, contenido textual o estático, contenido palpable
Contenido permitidoContenido textual o estático.
Tag omission{{no_tag_omission}}
Permitted parentsAny element that accepts phrasing content.
Permitted ARIA rolesAny
DOM interface{{domxref("HTMLElement")}} Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the {{domxref("HTMLSpanElement")}} interface for this element.
+ +

Atributos

+ +

Este elemento solo incluye los atributos globales.

+ +

Ejemplos

+ +
 <p>
+     <em>El dinero</em> es importante pero <strong>la salud</strong> lo es más.
+ </p>
+
+ +

Comentarios

+ +

em tiene un hermano mayor: strong. em sirve para dar énfasis y strong para dar mucho énfasis

diff --git a/files/es/web/html/element/embed/index.html b/files/es/web/html/element/embed/index.html new file mode 100644 index 0000000000..d489014613 --- /dev/null +++ b/files/es/web/html/element/embed/index.html @@ -0,0 +1,69 @@ +--- +title: embed +slug: Web/HTML/Elemento/embed +tags: + - HTML + - HTML5 + - 'HTML:Elemento' + - para_revisar +translation_of: Web/HTML/Element/embed +--- +
Nota: este tema documenta sólo el elemento <embed> que se define como parte de HTML5. No trata las implementaciones anteriores no estandarizadas del elemento <embed>.
+ +

El Elemento HTML Embed ( <embed> ) representa un punto de integración para una aplicación externa o de contenido interactivo (en otras palabras, un plug-in).

+ +

Contexto de uso

+ + + + + + + + + + + + + + + + + + + + +
Contenido permitidoNinguno; es un elemento vacío.
Omisión de etiquetasDebe tener una etiqueta de inicio, pero no debe tener una etiqueta de cierre.
Elementos primarios permitidosCualquier elemento que acepte contenido estático .
Documento normativoHTML 5, sección 4.8.3
+ +

Atributos

+ +

Este elemento admite los siguientes atributos además de los atributos globales .

+ +
+
{{ htmlattrdef("height") }}
+
La altura del recurso mostrada en píxeles CSS.
+
{{ htmlattrdef("src") }}
+
La dirección URL del recurso que se está incrustado.
+
{{ htmlattrdef("type") }}
+
El tipo MIME que se va a usar para la selección del plug-in para crear una instancia.
+
{{ htmlattrdef("width") }}
+
El ancho del recurso mostrado en píxeles CSS.
+
+ +

Interfaz DOM

+ + + +

Consulta también

+ +

Otros elementos que se utilizan para incrustar el contenido de varios tipos incluyen {{ HTMLElement("audio") }}, {{ HTMLElement("canvas") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("math") }}, {{ HTMLElement("object") }}, {{ HTMLElement("svg") }} y  {{ HTMLElement("video") }}.

+ +

 

+ +

 

+ +

{{ languages ( { "en": "en/HTML/Element/embed" } ) }}

+ +

 

diff --git a/files/es/web/html/element/fieldset/index.html b/files/es/web/html/element/fieldset/index.html new file mode 100644 index 0000000000..bb29878206 --- /dev/null +++ b/files/es/web/html/element/fieldset/index.html @@ -0,0 +1,124 @@ +--- +title: fieldset +slug: Web/HTML/Elemento/fieldset +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/fieldset +--- +

Definición

+ +

El elemento fieldset (grupo de campos) permite organizar en grupos los campos de un formulario.

+ +
+
Sus etiquetas son: <fieldset> y </fieldset> (ambas obligatorias).
+
+ +
+
Crea una caja: en bloque.
+
+ +
+
Está definido como: Elemento en bloque.
+
+ +
+
Puede contener: un elemento legend (opcional), y despues cero o más elementos en bloque o en linea
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Atributovalordescripción
Genéricos
titletextoimplícitotítulo consultivo del elemento.
stylereglas de estiloimplícitoinformación de estilo en línea.
idIDimplícitoidentificador único a nivel de documento.
classlista de clases separadas por espaciosimplícitoidentificador a nivel de documento
diruno de los siguientes:"ltr" o "rtl"implícitodirección del texto débil/neutral
langcódigo de idiomaimplícitoinformación sobre el idioma
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
de transición
No tiene
Atributovalordescripción
+ +

Ejemplos

+ +

El siguiente código:

+ +
<form>
+
+ <fieldset>
+  <legend>Información Personal</legend>
+  Nombre: <input name='nombre' type='text' tabindex='1'>
+  Apellidos: <input name='apellidos' type='text' tabindex='2'>
+ </fieldset>
+
+ <fieldset>
+  <legend>edad</legend>
+  <input type='checkbox' tabindex='20'
+            name='edad' value='20-39' > 20-39
+  <input type='checkbox' tabindex='21'
+            name='edad' value='40-59' > 40-59
+  <input type='checkbox' tabindex='22'
+            name='edad' value='60-79' > 60-79
+ </fieldset>
+
+</form>
+
diff --git a/files/es/web/html/element/figcaption/index.html b/files/es/web/html/element/figcaption/index.html new file mode 100644 index 0000000000..b212c17632 --- /dev/null +++ b/files/es/web/html/element/figcaption/index.html @@ -0,0 +1,90 @@ +--- +title:
+slug: Web/HTML/Elemento/figcaption +tags: + - Elemento + - Elementos de agrupación de contenido en HTML + - HTML + - Referencia +translation_of: Web/HTML/Element/figcaption +--- +

{{HTMLRef}}

+ +

El elemento HTML <figcaption>  representa un subtítulo o leyenda asociado al contenido del elemento padre {{HTMLElement("figure")}}, pudiendo ser colocado como primer o último hijo. Es importante destacar que el elemento <figcaption> es opcional.

+ +

{{EmbedInteractiveExample("pages/tabbed/figcaption.html","tabbed-shorter")}}

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Content categoriesNinguna
Contenido PermitidoFlow content.
Omisión de etiqueta{{no_tag_omission}}
Elementos padre permitidosEn un  elemento {{HTMLElement("figure")}} el elemento <figcaption> debe ser el primero o el último hijo.
Interfaz DOM{{domxref("HTMLElement")}}
Contento en el que puede ser usadoComo the first o last child de un <figure> element
+ +

Atributos

+ +

Este elemento sólo incluye los global attributes.

+ +

Ejemplos

+ +

Para ejemplos con <figcaption>, por favor ver la página {{HTMLElement("figure")}}.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'grouping-content.html#the-figcaption-element', '<figcaption>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'grouping-content.html#the-figcaption-element', '<figcaption>')}}{{Spec2('HTML5 W3C')}} 
+ +

Compatibilidad con los distintos navegadores

+ + + +

{{Compat("html.elements.figcaption")}}

+ +

Ver además

+ +
    +
  • El elemento {{HTMLElement("figure")}}.
    • +
diff --git a/files/es/web/html/element/figure/index.html b/files/es/web/html/element/figure/index.html new file mode 100644 index 0000000000..1ad3d12a07 --- /dev/null +++ b/files/es/web/html/element/figure/index.html @@ -0,0 +1,60 @@ +--- +title: figure +slug: Web/HTML/Elemento/figure +tags: + - HTML + - HTML5 + - 'HTML:Elemento' + - figure + - para_revisar +translation_of: Web/HTML/Element/figure +--- +

El elemento HTML <figure> representa contenido independiente, a menudo con un título. Si bien se relaciona con el flujo principal, su posición es independiente de éste. Por lo general, se trata de una imagen, una ilustración, un diagrama, un fragmento de código, o un esquema al que se hace referencia en el texto principal, pero que se puede mover a otra página o a un apéndice sin que afecte al flujo principal.

+ +
+

Notas de uso:

+ +
    +
  • Al ser una seccionador raíz, el esbozo del contenido del elemento <figure> está excluido del esbozo principal del documento.
    • +
  • Un título puede estar asociado con el elemento <figure> mediante la inserción de un {{ HTMLElement ("figcaption") }} en su interior (como el primero o el último hijo).
    • +
+
+ +

Contexto de uso

+ + + + + + + + + + + + + + + + + + + + + + + + +
TipoSeccionador raíz
Contenido permitidoUn elemento {{ HTMLElement ("figcaption") }}, seguido por contenido dinámico , o contenido dinámico seguido por un elemento{{ HTMLElement ("figcaption") }}.
Omisión de etiquetasNinguna, tanto la etiqueta inicial como la etiqueta de cierre son obligatorias
Elementos primarios permitidosCualquier elemento que acepte elementos dinámicos.
Documento normativoHTML 5, sección 4.5.11
+ +

Atributos

+ +

Este elemento no tiene atributos que no sean los atributos globales, comunes a todos los elementos.

+ +

Interfaz DOM

+ +

Este elemento implementa la interfaz HTMLElement.

+ +

Consulta también

+ +

El elemento {{ HTMLElement ("figcaption") }}.

diff --git a/files/es/web/html/element/font/index.html b/files/es/web/html/element/font/index.html new file mode 100644 index 0000000000..e1020b3d95 --- /dev/null +++ b/files/es/web/html/element/font/index.html @@ -0,0 +1,152 @@ +--- +title: font +slug: Web/HTML/Elemento/font +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/font +--- +

Definición

+ +

font -fuente . Indica el tamaño, color, o fuente del texto que contiene.

+ +
+
Sus etiquetas son: <font> y </font> (ambas obligatorias).
+
Está definido como: Elemento desaprobado. +
+
En un doctype transicional está definido como un elemento especial y por lo tanto en línea.
+
+
+
+ +
+
Crea una caja: En línea.
+
Puede contener: Texto, y/o cero o más elementos en línea .
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalor
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible por personas. Sensible a M/m.. Por defecto: Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo. Por defecto: Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos.Un código de idioma. Por defecto: "desconocido". Lo fija el navegador.
dir Indica la dirección de texto y tablas.Uno de los siguientes: 'ltr' o 'rtl'. Por defecto: En castellano 'ltr'. Lo fija el navegador.
Específicos
No tiene
De transición
sizeTamaño de la fuente. Según una tabla del 1 al 7.Un número entero (ej. 1), o un valor incremental (ej. +1). Por defecto: debe indicarlo el autor.
colorEl color del texto.Un color RGB. Por defecto: Lo fija el navegador.
faceEspecifica la/s fuentes para el texto.Lista de nombres de fuentes separadas por coma. Por defecto: Lo fija el navegador.
atributodescripciónvalor
+ +

Ejemplos de uso

+ +
+

Un ejemplo simple

+ +

código:

+ +
<p>
+ Texto normal y ...
+ <font size="5" color="#0000ff"> Texto distinto. </font>
+</p>
+
+ +

Resultado:

+ +
+

Texto normal y ... Texto distinto.

+
+
+ +

Estilo predeterminado

+ +

Notas

+ +

Referencia

+ + + +

 

+ +

Soporte

+ +

Puede consultar esta comparativa: IE 6 - IE 7 - FF 1.5 - OP 9.

+ +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/footer/index.html b/files/es/web/html/element/footer/index.html new file mode 100644 index 0000000000..fb29106abc --- /dev/null +++ b/files/es/web/html/element/footer/index.html @@ -0,0 +1,71 @@ +--- +title: footer +slug: Web/HTML/Elemento/footer +tags: + - HTML5 + - footer + - para_revisar +translation_of: Web/HTML/Element/footer +--- +

El Elemento HTML Footer (<footer>) representa un pie de página para el contenido de sección más cercano o el elemento  raíz de sección (p.e, su ancestro mas cercano <article>, <aside>, <nav>, <section>,<blockquote>, <body>, <details>, <fieldset>, <figure>, <td>). Un pie de página típicamente contiene información acerca de el autor de la sección, datos de derechos de autor o enlaces a documentos relacionados.

+

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

+
+

Notas de uso:

+
    +
  • Encierra la información acerca del autor en un elemento <address> que puede ser incluido dentro del elemento <footer>.
    • +
  • El  elemento <footer> no es contenido de sección y en consecuencia no introduce una nueva sección en el esquema.
    • +
+
+
+

Contexto de uso

+
+ Editar sección
+ + + + + + + + + + + + + + + + + + + +
Contenido PermitidoContenido de flujo, pero sin descendientes  <footer> o <header>.
Omisión de EtiquetaNinguna, tanto la etiqueta de inicio como la de cierre son obligatorias.
Elementos ancestros permitidos +

Cualquier elemento que acepte contenido de flujo. Note que un elemento <footer> no debe ser un descendiente de los elementos <address>, <header> o de otro elemento <footer>.

+
Documento normativoHTML5, sección 4.4.9
+
+
+

Atributos

+
+ Editar sección
+

Este elemento no tiene otros atributos adicionales a los atributos globales, comunes a todos los elementos.

+
+
+
+

Interfaz DOM

+
+ Editar sección
+

Este elemento implementa la interfaz HTMLElement.

+
+
+

Vea también

+
+ Editar sección
+ +
+
+
+
+

 

diff --git a/files/es/web/html/element/form/index.html b/files/es/web/html/element/form/index.html new file mode 100644 index 0000000000..d0ade4348c --- /dev/null +++ b/files/es/web/html/element/form/index.html @@ -0,0 +1,198 @@ +--- +title: form +slug: Web/HTML/Elemento/form +translation_of: Web/HTML/Element/form +--- +

Resumen

+

El elemento HTML form (<form>) representa una sección de un documento que contiene controles interactivos que permiten a un usuario enviar información a un servidor web.

+

Es posible usar las pseudo-clasess de CSS :valid e :invalid  para darle estilos a un elemento form.

+

Contexto de uso

+ + + + + + + + + + + + + + + + + + + +
Categorías de contenidoContenido dinámico
Contenido permitidoContenido dinámico, pero sin contener elementos <form>
Omisión de etiquetasNinguna, ambas, la etiqueta de apertura y cierre deben estar presentes
Normative documentHTML5, section 4.10.3 (HTML4.01, section 17.3)
+

Atributos

+

Como cualquier otro elemento HTML, este elemento soporta atributos globales

+
+
+ {{ htmlattrdef("accept") }} {{ HTMLVersionInline(4) }} {{ obsolete_inline() }}
+
+ Una lista separada por comas de los tipos de contenido que el servidor acepta.
+
+

Nota de uso: este atributo ha sido removido en HTML5 y no debe ser usado. En su lugar, usar el atributo accept del elemento específico {{ HTMLElement("input") }}.

+
+
+
+ {{ htmlattrdef("accept-charset") }}
+
+ Una lista de codificación de caracteres que el servidor acepta. La lista puede ser delimitada por espacios o comas. El navegador los usa en el orden en que cada uno son listados. Los valores por defecto es la cadena reservada "UNKNOWN", en tal caso la codificación corresponde a la codificación del documento conteniendo el elemento form.
+

HTML 4: En versiones anteriores de HTML, las diferentes codificaciones de caracteres pueden ser delimitadas por espacios o comas. Este no es más el caso en HTML5, donde sólo los espacios son correctos.

+
+
+ {{ htmlattrdef("action") }}
+
+ La URI de un programa que procesa la información enviada por medio del formulario. Este valor puede ser sobreescrito por un atributo {{ htmlattrxref("formaction", "button") }} en un {{ HTMLElement("button") }} o en el elemento{{ HTMLElement("input") }}.
+
+ {{ htmlattrdef("autocomplete") }} {{ HTMLVersionInline(5) }}
+
+ Indica cuales de los controles en este formulario puede tener sus valores automáticamente completados por el navegador. Esta configuración puede ser sobreescrita por un atributo autocomplete en un elemento que pertenezca al formulario: +
    +
  • off: El usuario debe ingresar explicitamente cada valor dentro de cada campo por cada uso, o el documento provee su propio método de autocompletado; el navegador no autocompleta las entradas.
    • +
  • on: El navegador puede completar automáticamente valores basados en lo que el usuario ha ingresado durante entradas previas al formulario.
    • +
+
+

Nota: si se establece autocomplete a un valor de off en un formulario porque el documento provee su propio auto-completado entonces también se debería establecer  autocomplete al valor off para cada uno de los elementos de formulario input que el documento pueda autocompletar {{ anch("Notas para Google Chrome") }}.

+
+
+
+ {{ htmlattrdef("enctype") }}
+
+ Cuando el valor del atributo method es post, este atributo es el  tipo MIME del contenido que es usado para enviar el formulario al servidor.
+
+ Los posibles valores son: +
    +
  • application/x-www-form-urlencoded: El valor por defecto si un atributo no está especificado.
    • +
  • multipart/form-data: Usar este valor si se está usando el elemento {{ HTMLElement("input") }} con el atributo type ajustado a "file".
    • +
  • text/plain (HTML5)
    • +
+

Este valor puede ser sobreescrito por un atributo{{ htmlattrxref("formenctype", "button") }}en un {{ HTMLElement("button") }} o un elemento {{ HTMLElement("input") }}.

+
+
+ {{ htmlattrdef("method") }}
+
+ El método HTTP que el navegador usa para enviar el formulario. Valores posibles son: +
    +
  • post: Corresponde al método POST HTTP ; los datos del formulario son incluidos en el cuerpo del formulario y son enviados al servidor.
    • +
  • get: Corresponde al método GET HTTP; los datos del formulario son adjuntados a la URI del atributo  action , con un '?' como separador,  y la URI resultante es enviada al servidor. Use este método cuando el formulario no tiene efectos secundarios y contiene solo caracteres ASCII.
    • +
+

Este valor puede ser sobreescrito por un atributo {{ htmlattrxref("formmethod", "button") }} en un  {{ HTMLElement("button") }} o elemento {{ HTMLElement("input") }}.

+
+
+ {{ htmlattrdef("name") }}
+
+ El nombre del formulario. En HTML4 ha quedado en desuso (debe usarse un id en su lugar). Debe ser único entre los formularios en un documento y no una cadena vacia en HTML5.
+
+ {{ htmlattrdef("novalidate") }} {{ HTMLVersionInline(5) }}
+
+ Este atributo booleano indica que el formulario no es validado cuando es enviado. Si el atributo no existe {{ htmlattrxref("formnovalidate", "button") }} en un {{ HTMLElement("button") }} o en un elemento  {{ HTMLElement("input") }} que pertenece al formulario.
+
+ {{ htmlattrdef("target") }}
+
+ Un nombre o keyword indicando donde mostrar la respuesta que es recibida después de enviar el formulario. En HTML 4, este es el nombre de, o una palabra clave, para un marco. En HTML5, es un nombre de, o palabra clave para, un contexto de navegación (por ejemplo, tab, window o marco en línea). Las siguientes palabras clave tienen significados especiales: +
    +
  • _self: Carga la respuesta dentro del mismo frame HTML 4 (o en HTML5, contexto de navegación) como el marco actual. Este valor es por defecto si el atributo no es especificado.
    • +
  • _blank: Carga la respuesta dentro de una nueva ventana sin nombre en HTML 4 o un contexto de navegación en HTML5.
    • +
  • _parent: Carga la respuesta en el marco padre del marco actual en HTML 4 o en el contexto de navegación padre del marco actual en HTML5. Si no hay marco padre, esta opción se comporta de la misma manera que _self.
    • +
  • _top: HTML 4: Carga la respuesta en toda la ventana original, cancelando otros marcos.  HTML5: Carga la respuesta en el contexto de navegación de más alto nivel (esto es, el contexto de navegación que es ancestro del actual, y no tiene padre). Si no hay padre, esta opción se comporta igual que _self.
    • +
+

HTML5: Este valor puede ser sobreescrito por un atributo {{ htmlattrxref("formtarget", "button") }} en un elemento {{ HTMLElement("button") }} o{{ HTMLElement("input") }}.

+
+
+

Interfaz DOM

+

Este elemento implementa la interfaz HTMLFormElement.

+

Ejemplos

+
<!-- Formulario simple que enviará una petición GET -->
+<form action="">
+  <label for="GET-name">Nombre:</label>
+  <input id="GET-name" type="text" name="name">
+  <input type="submit" value="Save">
+</form>
+
+<!-- Formulario simple que enviará una petición POST -->
+<form action="" method="post">
+  <label for="POST-name">Nombre:</label>
+  <input id="POST-name" type="text" name="name">
+  <input type="submit" value="Save">
+</form>
+
+<!-- Formulario con conjunto de campos, leyenda y etiqueta -->
+<form action="" method="post">
+  <fieldset>
+    <legend>Título</legend>
+    <input type="radio" name="radio" id="radio"> <label for="radio">Clic aquí</label>
+  </fieldset>
+</form>
+
+

Compatibilidad de navegadores

+

{{ CompatibilityTable() }}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico1.0{{ CompatGeckoDesktop("1.0") }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
atributo novalidate1.0{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatVersionUnknown() }}{{ CompatGeckoMobile("1.0") }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
atributo novalidate{{ CompatUnknown() }}{{ CompatGeckoMobile("2.0") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+

Notas para Google Chrome

+

La interfaz de usuario para peticiones auto-complete en Google Chrome varía dependiendo de si autocomplete está establecido en off en elementos input así como su formulario. Específicamente, cuando un formulario tiene autocomplete establecido en off y sus campos autocomplete de sus elementos input no están establecidos, entonces si el usuario pregunta por sugerencias de autocompletado para el elemento input, Chrome podrá mostrar un mensaje diciendo "El autocompletado ha sido desactivado para este formulario." Por otro lado, si el formulario y el elemento input tienen autocomplete establecido como off, el navegador no mostrará este mensaje. Por esta razón, debe establecer autocomplete en off para cada input que tiene autocompletado personalizado.

+

Consulte también

+

Otros elementos que son usados para crear formularios: {{ HTMLElement("button") }}, {{ HTMLElement("datalist") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }},{{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("legend") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}.

+

{{ languages( { "fr": "fr/HTML/Element/Form" } ) }}

diff --git a/files/es/web/html/element/frame/index.html b/files/es/web/html/element/frame/index.html new file mode 100644 index 0000000000..21df468c42 --- /dev/null +++ b/files/es/web/html/element/frame/index.html @@ -0,0 +1,167 @@ +--- +title: frame +slug: Web/HTML/Elemento/frame +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/frame +--- +

Definición

+ +

frame -marcos . Define la organización de los marcos dentro de la ventana del usuario.

+ +
+
Sus etiquetas son: <frame> (solo tiene una).
+
Está definido como: Elemento para marcos.
+
+ +
+
Crea una caja: .
+
Puede contener: Nada.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalor
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible por personas. Sensible a M/m.. Por defecto: Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo. Por defecto: Lo fija el navegador.
Específicos
No tiene
De transición
longdesc Permite especificar un enlace a una descripción detallada del marco. Inportante para la accesibilidad.Una dirección URI. Por defecto: lo fija el navegador.
name Especifica un nombre para el marco, Esto permite usarlo como destino de los enlaces.. Por defecto: . lo fija el navegador.
src Especifica la localización de los contenidos iniciales del marco.Una dirección URI. Por defecto: lo fija el navegador.
frameborder Indica si el marco tendrá o no borde.Uno de los siguientes: '1' o '0'. Por defecto: '1'.
marginwidth Indica el margen izquierdo y derecho entre contenido y borde.Una cantidad de píxeles (cero o más). Por defecto: lo fija el navegador.
marginheight Indica el margen superior e inferior entre contenido y borde.Una cantidad de píxeles (cero o más). Por defecto: lo fija el navegador.
noresize Hace que la ventana del marco no sea redimensionable.'noresize'. Por defecto: lo fija el navegador.
scrolling Indica si el marco debe tener o no barra de desplazamiento (scroll).Uno de los sigientes: 'yes', 'no', o 'auto'. Por defecto: 'auto'.
atributodescripciónvalor
+ +

Ejemplos de uso

+ +
+

Un documento con marcos

+ +

código:

+ +
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
+  "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<title>Un documento simple con marcos</title>
+</head>
+<frameset rows="20%,80%">
+ <frameset cols="20%, 80%">
+   <frame src="http://developer.mozilla.org/wiki-im...irefoxlogo.png">
+   <frame src="http://html.conclase.net/w3c/html401...dtd.html#frame">
+ </frameset>
+ <frame src="http://html.conclase.net/w3c/html401...tml#edef-FRAME">
+</frameset>
+</html>
+
+
+ +

Estilo predeterminado

+ +

Notas

+ +

Referencia

+ + + +

 

+ +

Soporte

+ +

Puede consultar esta comparativa: IE 6 - IE 7 - FF 1.5 - OP 9.

+ +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/frameset/index.html b/files/es/web/html/element/frameset/index.html new file mode 100644 index 0000000000..cf90335bc6 --- /dev/null +++ b/files/es/web/html/element/frameset/index.html @@ -0,0 +1,157 @@ +--- +title: frameset +slug: Web/HTML/Elemento/frameset +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/frameset +--- +

Definición

+ +

frameset -conjunto de marcos . Define la organización de los marcos dentro de la ventana del usuario.

+ +
+
Sus etiquetas son: <frameset> y </frameset> (ambas obligatorias).
+
Está definido como: Elemento para marcos. +
+
Con un doctype para marcos está definido como contenido de html.
+
+
+
+ +
+
Crea una caja: .
+
Puede y debe contener: Uno o más elementos frameset y frame. además puede contener un elemento noframes.
+
Debe ser contenido por: Elementos html
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
atributodescripciónvalor
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".Texto legible por personas. Sensible a M/m.. Por defecto: Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento.Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo. Por defecto: Lo fija el navegador.
Específicos
No tiene
De transición
rows Asigna la disposición horizontal de los marcos.Lista de longitudes separadas por coma, pueden espresarse en píxeles, porcentajes o de forma relativa. Por defecto: 100% (una fila), lo fija el navegador..
cols Asigna la disposición horizontal de los marcos.Lista de longitudes separadas por coma, pueden espresarse en píxeles, porcentajes o de forma relativa. Por defecto: 100% (una columna). lo fija el navegador.
atributodescripciónvalor
+ +

Ejemplos de uso

+ +
+

Un documento con marcos

+ +

código:

+ +
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
+  "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<title>Un documento simple con marcos</title>
+</head>
+<frameset rows="20%,80%">
+ <frameset cols="20%, 80%">
+   <frame src="http://developer.mozilla.org/wiki-im...irefoxlogo.png">
+   <frame src="http://html.conclase.net/w3c/html401....html#frameset">
+ </frameset>
+ <frame src="http://html.conclase.net/w3c/html401...#edef-FRAMESET">
+ <noframes>
+   <p> este documento contiene los siguientes recursos: </p>
+   <ul>
+     <li> <img src="http://developer.mozilla.org/wiki-im...irefoxlogo.png" alt="el logo de Firefox">
+     </li>
+     <li> La definición de frameset en el
+          <a href="http://html.conclase.net/w3c/html401....html#frameset">
+          dtd de html 4.01 trans.</a>
+     </li>
+     <li> La definición de frameset en la
+          <a href="http://html.conclase.net/w3c/html401...#edef-FRAMESET">
+          especificación de html 4.01</a>
+     </li>
+   </ul>
+ </noframes>
+</frameset>
+</html>
+
+
+ +

Estilo predeterminado

+ +

Notas

+ +

Referencia

+ + + +

 

+ +

Soporte

+ +

Puede consultar esta comparativa: IE 6 - IE 7 - FF 1.5 - OP 9.

+ +

 

+ +
+
+

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

+
+ +


+ Categoría

+ +

interwiki links

+ +

automatismos

diff --git a/files/es/web/html/element/head/index.html b/files/es/web/html/element/head/index.html new file mode 100644 index 0000000000..e0e6e13fe1 --- /dev/null +++ b/files/es/web/html/element/head/index.html @@ -0,0 +1,147 @@ +--- +title: head +slug: Web/HTML/Elemento/head +tags: + - HTML + - 'HTML:Elemento' + - Metadatos de documento HTML + - Todas_las_Categorías +translation_of: Web/HTML/Element/head +--- +
{{HTMLRef}}
+ +

El elemento HTML <head> provee información general (metadatos) acerca del documento, incluyendo su título y enlaces a scripts y hojas de estilos.

+ + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoNinguna.
Contenido permitidoSi el elemento es un {{htmlattrxref("srcdoc", "iframe")}} de un {{HTMLElement("iframe")}} , o si la información de título está disponible desde un protocolo de nivel superior, cero o más elementos de metadatos.
+ De otro modo, uno o más elementos de metadatos donde exactamente uno es {{HTMLElement("title")}}.
Omisión de etiquetaLa etiqueta de inicio puede ser omitida si lo primero dentro del elemento head es un elemento.
+ La etiqueta de cierre puede ser omitida si lo primero después del elemento head no es un espacio o un comentario.
Elementos padre permitidosUn elemento {{HTMLElement("html")}}, pues éste es su primer hijo.
Interfaz DOM{{domxref("HTMLHeadElement")}}
+ +

Atributos

+ +

Este elemento incluye los atributos globales.

+ +
+
{{htmlattrdef("profile")}} {{obsolete_inline}}
+
Los URIs de uno o más perfiles de metadatos, separados por un espacio en blanco.
+
+ +

Ejemplo

+ +
<html>
+  <head>
+    <title>Document title</title>
+  </head>
+</html>
+
+ +

Notas

+ +

Navegadores modernos que cumplen con el estándar HTML5 construyen automáticamente un elemento <head> si las etiquetas son omitidas en el código. Este comportamiento no puede ser garantizado en navegadores antiguos.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstatusComentarios
{{SpecName('HTML WHATWG', 'semantics.html#the-head-element', '<head>')}}{{Spec2('HTML WHATWG')}}Sin cambios desde la última versión
{{SpecName('HTML5 W3C', 'document-metadata.html#the-head-element', '<head>')}}{{Spec2('HTML5 W3C')}}Atributo profile obsoleto
{{SpecName('HTML4.01', 'struct/global.html#h-7.4.1', '<head>')}}{{Spec2('HTML4.01')}} 
+ +

Compatibilidad de navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Soporte básico1.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Soporte básico{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

Véase también

+ +
    +
  • Elementos que pueden ser usados dentro de un elemento <head>: {{HTMLElement("title")}}, {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("style")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("noscript")}}
    • +
diff --git a/files/es/web/html/element/header/index.html b/files/es/web/html/element/header/index.html new file mode 100644 index 0000000000..f4bdcd9a75 --- /dev/null +++ b/files/es/web/html/element/header/index.html @@ -0,0 +1,74 @@ +--- +title: header +slug: Web/HTML/Elemento/header +tags: + - HTML5 + - header + - para_revisar +translation_of: Web/HTML/Element/header +--- +

El elemento de HTML Header (<header>) representa un grupo de ayudas introductorias o de navegación. Puede contener algunos elementos de encabezado, así como también un logo, un formulario de búsqueda, un nombre de autor y otros componentes.

+ +
+

Nota de uso:

+ +
    +
  • El elemento <header> no es contenido de sección y, por lo tanto, no introduce una nueva sección en descripción.
    • +
+
+ +

Contexto de uso

+ + + + + + + + + + + + + + + + + + + + +
Contenido permitidoContenido dinámico, pero sin un <header> o {{ HTMLElement("footer") }} descendente
Omisión de la etiquetaNo está permitido, tanto la etiqueta de inicio como la de final son obligatorias
+

Elementos padres permitidos

+ +

Roles ARIA permitidos

+ +

Inreface DOM

+ 		+

Cualquier elemento que acepte contenido dinámico. Ten en cuenta que un elemento <header> no debe ser descendiente de un elemento {{ HTMLElement("address") }}, {{ HTMLElement("footer") }} o cualquier otro elemento {{ HTMLElement("header") }}.

+ +

{{ARIARole("group")}}, {{ARIARole("presentation")}}

+ +

{{domxref("HTMLElement")}}

+
Documento normativoHTML5, sección 4.4.8
+ +

Atributos

+ +

Este elemento no tiene otros atributos que no sean los atributos generales, comunes a todos los elementos.

+ +
+
+

Interfaz DOM

+ +

Este elemento implementa la interfaz HTMLElement.

+ +

Mira también

+ +
    +
  • Otros elementos relacionados con secciones: {{ HTMLElement("body") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("article") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("hgroup") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("section") }}, {{ HTMLElement("address") }};
    • +
  • Sections and outlines of an HTML5 document.
    • +
+ +

{{ languages( { "en": "en/HTML/Element/header" } ) }}

+
+
diff --git a/files/es/web/html/element/heading_elements/index.html b/files/es/web/html/element/heading_elements/index.html new file mode 100644 index 0000000000..be0dd6801b --- /dev/null +++ b/files/es/web/html/element/heading_elements/index.html @@ -0,0 +1,240 @@ +--- +title: Elementos títulos +slug: Web/HTML/Elemento/Elementos_títulos +tags: + - HTML + - 'HTML:Elemento' + - Referencia + - Secciones HTML + - Todas_las_Categorías + - Web +translation_of: Web/HTML/Element/Heading_Elements +--- +

Los elementos de encabezado implementan seis niveles de encabezado del documento, <h1> es el más importante, y <h6>, el menos importante. Un elemento de encabezado describe brevemente el tema de la sección que presenta. La información de encabezado puede ser usada por los agentes usuarios, por ejemplo, para construir una tabla de contenidos para un documento automáticamente.

+ +
+

Notas de uso:

+ +
    +
  • No se deben usar niveles inferiores para reducir el tamaño de la fuente: use la propiedad CSS {{cssxref("font-size")}} para eso.
    • +
  • Evite omitir niveles de encabezado: siempre comience con <h1>, después use <h2> y así sucesivamente.
    • +
  • Con el elemento {{HTMLElement("section")}}, debe considerar evitar usar <h1> más de una vez en una página; por costumbre, se usa para mostrar el título de la página, con todos los encabezados debajo de éste comenzando con <h2>. Cuando se usan secciones, debe usarse un <h1> por sección. Véase Definiendo secciones en Secciones y esquema de un documento HTML5 para más información.
    • +
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoContenido dinámico, contenido de encabezados, contenido palpable.
Contenido permitidoContenido textual o estático.
Omisión de etiquetas{{no_tag_omission}}
Elementos padres permitidosCualquier elemento que acepte contenido dinámico; no debe usarse como hijo del elemento {{HTMLElement("hgroup")}}, pues éste es obsoleto
Interfaz DOM{{domxref("HTMLHeadingElement")}}
+ +

Atributos

+ +

Estos elementos incluyen los atributos globales.

+ +

El atributo align es obsoleto; no debe usarse.

+ +

Ejemplos

+ +

Todos los encabezados

+ +

El siguiente código muestra todos los niveles de encabezado.

+ +
<h1>Heading level 1</h1>
+<h2>Heading level 2</h2>
+<h3>Heading level 3</h3>
+<h4>Heading level 4</h4>
+<h5>Heading level 5</h5>
+<h6>Heading level 6</h6>
+
+ +

Aquí está el resultado de este código:

+ +

{{ EmbedLiveSample('Todos_los_encabezados', '280', '300', '') }}

+ +

Página de ejemplo

+ +

El código siguiente muestra unos pocos encabezados con algo de contenido debajo de ellos.

+ +
<h1>Heading elements</h1>
+<h2>Summary</h2>
+<p>Some text here...</p>
+
+<h2>Examples</h2>
+<h3>Example 1</h3>
+<p>Some text here...</p>
+
+<h3>Example 2</h3>
+<p>Some text here...</p>
+
+<h2>See also</h2>
+<p>Some text here...</p>
+
+ +

Aquí está el resultado de este código:

+ +

{{ EmbedLiveSample('Página_de_ejemplo', '280', '480', '') }}

+ +

Sobre Accesibilidad

+ + + +

Una forma típica de navegación que utilizan las personas no videntes es moverse a través de la pantalla con las etiquetas de encabezado. De esta forma, pueden conocer rápidamente el contenido de la página en poco tiempo; por esta razón es importante prestar mucha atención a nuestras etiquetas de encabezado y no saltearse ningún nivel o podríamos confundir a este usuario.

+ +

No hacer

+ +
<h1>Cabecera nivel 1</h1>
+<h3>Cabecera nivel 3</h3>
+<h4>Cabecera nivel 4</h4>
+
+ +

Sí hacer

+ +
<h1>Cabecera nivel 1</h1>
+<h2>Cabecera nivel 2</h2>
+<h3>Cabecera nivel 3</h3>
+
+ +

Anidar

+ +

Las etiquetas de cabecera pueden anidarse para generar sub-secciones en nuestros documentos. Esto beneficia la organización de la información y también ayuda a los usuarios de lectores de pantalla a conocer mejor la jerarquía de los contenidos.

+ +
    +
  1. h1 Harry Potter + +
      +
    1. h2 Sinopsis
      2. +
    2. h2 Novelas +
        +
      1. h3 Harry Potter y la Piedra Filosofal
        2. +
      2. h3 Harry Potter y la Cámara de los Secretos
        3. +
      3. h3 Harry Potter y el Prisionero de Azkaban
        4. +
      4. h3 Harry Potter y el Cáliz de Fuego
        5. +
      5. h3 Harry Potter y la Orden del Fenix
        6. +
      6. h3 Harry Potter y el Príncipe Mestizo
        7. +
      7. h3 Harry Potter y las Reliquias de la Muerte
        8. +
      +
      3. +
    3. h2 Películas +
        +
      1. h3 Harry Potter y la Piedra Filosofal
        2. +
      2. h3 Harry Potter y la Cámara de los Secretos
        3. +
      3. h3 Harry Potter y el Prisionero de Azkaban
        4. +
      4. h3 Harry Potter y el Cáliz de Fuego
        5. +
      5. h3 Harry Potter y la Orden del Fenix
        6. +
      6. h3 Harry Potter y el Príncipe Mestizo
        7. +
      7. h3 Harry Potter y las Reliquias de la Muerte (Parte 1)
        8. +
      8. h3 Harry Potter y las Reliquias de la Muerte (Parte 2)
        9. +
      +
      4. +
    +
    2. +
+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstatusComentarios
{{SpecName('HTML WHATWG', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.5', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}{{Spec2('HTML4.01')}} 
+ +

Compatibilidad de navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{CompatVersionUnknown}}{{CompatGeckoMobile("1.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

Véase también

+ +
    +
  • {{HTMLElement("p")}}
    • +
  • {{HTMLElement("div")}}
    • +
  • {{HTMLElement("section")}}
    • +
+ +
{{HTMLRef}}
diff --git a/files/es/web/html/element/hgroup/index.html b/files/es/web/html/element/hgroup/index.html new file mode 100644 index 0000000000..18aa804ac2 --- /dev/null +++ b/files/es/web/html/element/hgroup/index.html @@ -0,0 +1,120 @@ +--- +title: hgroup +slug: Web/HTML/Elemento/hgroup +translation_of: Web/HTML/Element/hgroup +--- +

Resumen

+ +

El elemento de grupo de cabeceras HTML (<hgroup>) representa el encabezado de una sección. Define un solo título que participa de la estructura del documento como el encabezado de la sección implícita o explícita a la que pertenece.

+ +

Su texto para el algoritmo de estructura es el texto del primer elemento de encabezado HTML de más alto rango (ip.ej., el primer {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }} o {{ HTMLElement("h6") }} con el número más pequeño entre sus descendientes) y el rango es el rango del mismo elemento de encabezado HTML.

+ +

Por tanto, este elemento agrupa varios encabezados, pero solo el primero contribuye a la estructura del documento. Permite asociar títulos secundarios, como subencabezados, títulos alternativos, e incluso lemas, con el encabezado principal, sin contaminar la estructura del documento.

+ +

Este elemento se fue removido de la especificacion HTML5 (W3C), por favor no usar mas.

+ +

Contexto de uso

+ + + + + + + + + + + + + + + + + + + + +
Contenido permitidoCero o más elementos HTML de encabezado ({{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }})
Omisión de etiquetaNinguna, ambas, la etiqueta de inicio y fin son obligatorias
Elementos padre permitidos +

Cualquier elemento que acepte flujo de contenido.

+
Documento nomativoHTML5, section 4.4.7
+ +

Atributos

+ +

Este elemento no tiene más atributos que los atributos globales, común a todos los elementos.

+ +

Notas de uso

+ +
+

Si bien el elemento <hgroup> se eliminó de la especificación HTML5 (W3C), todavía se mantiene en la versión WHATWG de HTML. De todos modos, está parcialmente implementado en la mayoría de los navegadores, por lo que es improbable que desaparezca.
+ Sin embargo, dado que el propósito principal del elemento <hgroup> es afectar cómo el algoritmo de generación de esquemas de documento muestra los encabezados, pero dicho algoritmo no ha sido implementado por ningún navegador, la semántica de <hgroup> es por el momento solo teórica.
+ La especificación HTML5 (W3C) aconseja entonces cómo maquetar subtítulos, títulos alternativos y lemas sin utilizar <hgroup>.

+
+ +

Interfaz DOM

+ +

Este elemento implementa la interfaz HTMLElement.

+ +

Ejemplos

+ +
<hgroup>
+  <h1>Main title</h1>
+  <h2>Secondary title</h2>
+</hgroup>
+
+ +

Compatibilidad

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico5{{ CompatGeckoDesktop("2.0") }}9.011.104.1
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico2.2{{ CompatGeckoMobile("2.0") }}9.011.05.0 (iOS 4.2)
+
+ +

Ver también

+ +
    +
  • Otros elementos relacionados a sección: {{ HTMLElement("body") }}, {{ HTMLElement("article") }}, {{ HTMLElement("section") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("address") }};
    • +
  • Secciones y estructuras de un documento HTML5.
    • +
diff --git a/files/es/web/html/element/hr/index.html b/files/es/web/html/element/hr/index.html new file mode 100644 index 0000000000..22b569e245 --- /dev/null +++ b/files/es/web/html/element/hr/index.html @@ -0,0 +1,156 @@ +--- +title:
+slug: Web/HTML/Elemento/hr +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/hr +--- +

Definición

+ +

descripción de uno o dos párrafosEl elemento HTML <hr> representa un cambio de tema entre párrafos (por ejemplo, un cambio de escena en una historia, un cambio de tema en una sección). En versiones previas de HTML representaba una línea horizontal. Aún puede ser representada como una línea horizontal en los navegadores visuales, pero ahora es definida en términos semánticos y no tanto en términos representativos, por tanto para dibujar una línea horizontal se debería usar el CSS apropiado.

+ +
+
Sus etiquetas son: <hr/> (solo tiene una).
+
+ +
+
Crea una caja: en bloque.
+
+ +
+
Está definido como: en bloque.
+
+ +
+
Puede contener: Nada, es un "elemento vacío" del un Glosario.
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AtributoValorDescripción
Genéricos
title TextoImplícitoTítulo consultivo del elemento.
style Declaraciones de estiloImplícitoInformación de estilo en línea.
id Un 'nombre'ImplícitoIdentificador único a nivel de documento.
class Lista de clases CSSimplícitoIdentificador a nivel de documento.
dir Uno de los siguientes: "ltr" o "rtl"ImplícitoDirección del texto.
lang Código de idiomaImplícitoInformación sobre el idioma.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
align uno de los siguientes: "left", "center", "right".Implícito. Por defecto: "center"Indica la alineación horizontal.
noshade "noshade"ImplícitoElimina el relieve.
size Una cantidad, de píxelesImplícitoIndica la altura de la linea.
width Una cantidad, de píxeles, o un porcentaje.Implícito. por defecto: 100%Indica la anchura.
AtributoValorDescripción
+ +

Ejemplos

+ +
  <p>Este es un parrafo unicamente visual para ver el uso de
+ la etiqueta hr</p>
+  <hr/>
+  <p>Este es el segundo parrafo, separado del primero por la etiqueta hr, que puede
+representarse mediante una línea horizontal.</p>
+
+ +

Muestra

+ +

Este es un parrafo unicamente visual para ver el uso de la etiqueta hr

+ +
+

Este es el segundo parrafo, separado del primero por una linea horizontal

+ +

Comentarios

+ +

 

+ +

Referencia

+ + + +

secciones futuras: == Soporte de los navegadores == == Valores por defecto y visualización en Firefox ==

+ +
+

Este documento está siendo editado, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

+ +

¿Quieres participar en la elaboración de este documento? Para saber como hacerlo consulta MDC:Como ayudar.

+
+ +

 

diff --git a/files/es/web/html/element/html/index.html b/files/es/web/html/element/html/index.html new file mode 100644 index 0000000000..48fd5f469e --- /dev/null +++ b/files/es/web/html/element/html/index.html @@ -0,0 +1,176 @@ +--- +title: +slug: Web/HTML/Elemento/html +tags: + - Element + - Elemento + - HTML + - HTML Root Element + - HTML elemento raiz + - 'HTML:Elemento' + - Reference + - Referencia + - Todas_las_Categorías + - Web +translation_of: Web/HTML/Element/html +--- +

{{HTMLRef}}

+ +

El elemento HTML <html> (o elemento HTML raiz) representa la raiz de un documento HTML. El resto de elementos descienden de este elemento.

+ +

Dado que el elemento <html> es el primero en un documento, aparte de los comentarios, se llama el elemento raíz. A pesar de que esta etiqueta puede ser implicita, o no requerida en {{glossary("HTML")}}, sí es requerida para abrir y cerrar en {{glossary("XHTML")}}.

+ + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de ContenidoNinguna.
Contenido permitidoUn elemento {{HTMLElement("head")}} seguido de un elemento {{HTMLElement("body")}}.
Omisión de etiqueta +

La etiqueta de inicio puede omitirse si lo primero que hay en el interior del elemento <html> no es un comentario.
+ La etiqueta final puede omitirse si el elemento <html> no está inmediatamente seguido por un comentario y contiene un elemento {{HTMLElement("body")}}, o bien que no esté vacío, o cuya etiqueta de inicio está presente.

+
Elementos padres permitidosComo elemento raiz de un documento, o donde se permite un fragmento de subdocumento en un documento compuesto.
Interfaz DOM{{domxref("HTMLHtmlElement")}}
+ +

Atributos

+ +

Este elemento incluye los atributos globales.

+ +
+
{{htmlattrdef("manifest")}} {{obsolete_inline}}
+
Especifica la dirección URL de un manifiesto de recursos que indica los recursos que deben ser almacenados en la caché local. Consulte Uso de la cache de la aplicación para obtener más información.
+
{{htmlattrdef("version")}} {{obsolete_inline}}
+
Especifica la versión {{glossary("DTD", "Document Type Definition")}} de HTML del documento actual. Este atributo no es necesario, porque es redundante con la información de versión en la declaración de tipo de documento.
+
{{htmlattrdef("xmlns")}} 
+
Especifica el Espacio de nombres XML del documento. El valor por defecto es "http://www.w3.org/1999/xhtml". En XHTML es requerido y en HTML es opcional.
+
+ +

Ejemplo

+ +

El DOCTYPE usado en el siguiente ejemplo indica que es un documento HTML5.

+ +
<!DOCTYPE html>
+<html>
+  <head>...</head>
+  <body>...</body>
+</html>
+
+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', 'semantics.html#the-html-element', '<html>')}}{{Spec2('HTML WHATWG')}}Sin cambios desde la última instantánea.
{{SpecName('HTML5 W3C', 'semantics.html#the-html-element', '<html>')}}{{Spec2('HTML5 W3C')}}Añadido soporte para el atributo manifest (en desuso después).
+ El Atributo version es obsoleto.
{{SpecName('HTML4.01', 'struct/global.html#h-7.3', '<html>')}}{{Spec2('HTML4.01')}}El Atributo version está en desuso
+ +

Compatibilidad de navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support1.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
manifest{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.9")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
manifest{{CompatVersionUnknown}}{{CompatGeckoMobile("1.9")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

Ver también

+ +
    +
  • MathML top-level element: {{MathMLElement("math")}}
    • +
  • SVG top-level element: {{SVGElement("svg")}}
    • +
diff --git a/files/es/web/html/element/i/index.html b/files/es/web/html/element/i/index.html new file mode 100644 index 0000000000..e3b318e367 --- /dev/null +++ b/files/es/web/html/element/i/index.html @@ -0,0 +1,112 @@ +--- +title: i +slug: Web/HTML/Elemento/i +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/i +--- +

 

+ +

Definición

+ +

Muestra el texto marcado con un estilo en cursiva o italica.

+ +
+
Sus etiquetas son: <i> y </i> (Ambas obligatorias)
+
+ +
+
Crea una caja: en linea.
+
+ +
+
Está definido como: Elemento de estilo de fuente.
+
+ +
+
Puede contener: cero o más elementos en linea
+
+ +

Atributos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Atributovalordescripción
Genéricos
titletextoimplícitotítulo consultivo del elemento.
stylereglas de estiloimplícitoinformación de estilo en línea.
idIDimplícitoidentificador único a nivel de documento.
classCDATAimplícitolista de clases separadas por espacios en blanco.
dir(ltr|rtl)implícitodirección del texto débil/neutral
langcódigo de idiomaimplícitoinformación sobre el idioma
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
De transición
No tiene
Atributovalordescripción
+ +

 

+ +

Ejemplos

+ +
  <p>
+       Texto normal y... <i>Texto 'inclinado'</i>
+  </p>
+
+ +

Comentarios

diff --git a/files/es/web/html/element/iframe/index.html b/files/es/web/html/element/iframe/index.html new file mode 100644 index 0000000000..23d58f54e8 --- /dev/null +++ b/files/es/web/html/element/iframe/index.html @@ -0,0 +1,304 @@ +--- +title: '