diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:46:50 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:46:50 +0100 |
commit | a55b575e8089ee6cab7c5c262a7e6db55d0e34d6 (patch) | |
tree | 5032e6779a402a863654c9d65965073f09ea4182 /files/es/web/html | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.gz translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.bz2 translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.zip |
unslug es: move
Diffstat (limited to 'files/es/web/html')
-rw-r--r-- | files/es/web/html/anipular_video_por_medio_de_canvas/index.html | 126 | ||||
-rw-r--r-- | files/es/web/html/atributos_globales/dropzone/index.html | 99 | ||||
-rw-r--r-- | files/es/web/html/attributes/accept/index.html (renamed from files/es/web/html/atributos/accept/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/attributes/autocomplete/index.html (renamed from files/es/web/html/atributos/autocomplete/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/attributes/crossorigin/index.html (renamed from files/es/web/html/atributos_de_configuracion_cors/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/attributes/index.html (renamed from files/es/web/html/atributos/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/attributes/min/index.html (renamed from files/es/web/html/atributos/min/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/attributes/minlength/index.html (renamed from files/es/web/html/atributos/minlength/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/attributes/multiple/index.html (renamed from files/es/web/html/atributos/multiple/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/canvas/a_basic_ray-caster/index.html | 59 | ||||
-rw-r--r-- | files/es/web/html/canvas/drawing_graphics_with_canvas/index.html | 162 | ||||
-rw-r--r-- | files/es/web/html/canvas/index.html | 170 | ||||
-rw-r--r-- | files/es/web/html/consejos_para_la_creación_de_páginas_html_de_carga_rápida/index.html | 53 | ||||
-rw-r--r-- | files/es/web/html/cors_enabled_image/index.html (renamed from files/es/web/html/imagen_con_cors_habilitado/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/a/index.html (renamed from files/es/web/html/elemento/a/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/abbr/index.html (renamed from files/es/web/html/elemento/abbr/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/acronym/index.html (renamed from files/es/web/html/elemento/acronym/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/address/index.html (renamed from files/es/web/html/elemento/address/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/applet/index.html (renamed from files/es/web/html/elemento/applet/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/area/index.html (renamed from files/es/web/html/elemento/area/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/article/index.html (renamed from files/es/web/html/elemento/article/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/aside/index.html (renamed from files/es/web/html/elemento/aside/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/audio/index.html (renamed from files/es/web/html/elemento/audio/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/b/index.html (renamed from files/es/web/html/elemento/b/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/base/index.html (renamed from files/es/web/html/elemento/base/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/basefont/index.html (renamed from files/es/web/html/elemento/basefont/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/bdi/index.html (renamed from files/es/web/html/elemento/bdi/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/bdo/index.html (renamed from files/es/web/html/elemento/bdo/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/bgsound/index.html (renamed from files/es/web/html/elemento/bgsound/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/big/index.html (renamed from files/es/web/html/elemento/big/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/blink/index.html (renamed from files/es/web/html/elemento/blink/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/blockquote/index.html (renamed from files/es/web/html/elemento/blockquote/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/body/index.html (renamed from files/es/web/html/elemento/body/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/br/index.html (renamed from files/es/web/html/elemento/br/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/button/index.html (renamed from files/es/web/html/elemento/button/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/canvas/index.html (renamed from files/es/web/html/elemento/canvas/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/caption/index.html (renamed from files/es/web/html/elemento/caption/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/center/index.html (renamed from files/es/web/html/elemento/center/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/cite/index.html (renamed from files/es/web/html/elemento/cite/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/code/index.html (renamed from files/es/web/html/elemento/code/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/col/index.html (renamed from files/es/web/html/elemento/col/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/colgroup/index.html (renamed from files/es/web/html/elemento/colgroup/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/content/index.html (renamed from files/es/web/html/elemento/content/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/data/index.html (renamed from files/es/web/html/elemento/data/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/datalist/index.html (renamed from files/es/web/html/elemento/datalist/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/dd/index.html (renamed from files/es/web/html/elemento/dd/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/del/index.html (renamed from files/es/web/html/elemento/del/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/details/index.html (renamed from files/es/web/html/elemento/details/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/dfn/index.html (renamed from files/es/web/html/elemento/dfn/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/dialog/index.html (renamed from files/es/web/html/elemento/dialog/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/dir/index.html (renamed from files/es/web/html/elemento/dir/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/div/index.html (renamed from files/es/web/html/elemento/div/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/dl/index.html (renamed from files/es/web/html/elemento/dl/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/dt/index.html (renamed from files/es/web/html/elemento/dt/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/em/index.html (renamed from files/es/web/html/elemento/em/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/embed/index.html (renamed from files/es/web/html/elemento/embed/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/fieldset/index.html (renamed from files/es/web/html/elemento/fieldset/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/figcaption/index.html (renamed from files/es/web/html/elemento/figcaption/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/figure/index.html (renamed from files/es/web/html/elemento/figure/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/font/index.html (renamed from files/es/web/html/elemento/font/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/footer/index.html (renamed from files/es/web/html/elemento/footer/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/form/index.html (renamed from files/es/web/html/elemento/form/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/frame/index.html (renamed from files/es/web/html/elemento/frame/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/frameset/index.html (renamed from files/es/web/html/elemento/frameset/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/head/index.html (renamed from files/es/web/html/elemento/head/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/header/index.html (renamed from files/es/web/html/elemento/header/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/heading_elements/index.html (renamed from files/es/web/html/elemento/elementos_títulos/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/hgroup/index.html (renamed from files/es/web/html/elemento/hgroup/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/hr/index.html (renamed from files/es/web/html/elemento/hr/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/html/index.html (renamed from files/es/web/html/elemento/html/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/i/index.html (renamed from files/es/web/html/elemento/i/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/iframe/index.html (renamed from files/es/web/html/elemento/iframe/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/image/index.html (renamed from files/es/web/html/elemento/image/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/img/index.html (renamed from files/es/web/html/elemento/img/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/index.html (renamed from files/es/web/html/elemento/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/button/index.html (renamed from files/es/web/html/elemento/input/botón/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/checkbox/index.html (renamed from files/es/web/html/elemento/input/checkbox/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/color/index.html (renamed from files/es/web/html/elemento/input/color/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/date/index.html (renamed from files/es/web/html/elemento/input/date/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/datetime/index.html (renamed from files/es/web/html/elemento/input/datetime/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/email/index.html (renamed from files/es/web/html/elemento/input/email/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/hidden/index.html (renamed from files/es/web/html/elemento/input/hidden/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/index.html (renamed from files/es/web/html/elemento/input/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/number/index.html (renamed from files/es/web/html/elemento/input/number/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/password/index.html (renamed from files/es/web/html/elemento/input/password/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/range/index.html (renamed from files/es/web/html/elemento/input/range/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/input/text/index.html (renamed from files/es/web/html/elemento/input/text/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/ins/index.html (renamed from files/es/web/html/elemento/ins/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/isindex/index.html (renamed from files/es/web/html/elemento/isindex/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/kbd/index.html (renamed from files/es/web/html/elemento/kbd/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/keygen/index.html (renamed from files/es/web/html/elemento/keygen/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/label/index.html (renamed from files/es/web/html/elemento/label/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/legend/index.html (renamed from files/es/web/html/elemento/legend/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/li/index.html (renamed from files/es/web/html/elemento/li/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/link/index.html (renamed from files/es/web/html/elemento/link/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/main/index.html (renamed from files/es/web/html/elemento/main/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/map/index.html (renamed from files/es/web/html/elemento/map/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/mark/index.html (renamed from files/es/web/html/elemento/mark/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/marquee/index.html (renamed from files/es/web/html/elemento/marquee/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/menu/index.html (renamed from files/es/web/html/elemento/menu/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/meta/index.html (renamed from files/es/web/html/elemento/meta/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/multicol/index.html (renamed from files/es/web/html/elemento/multicol/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/nav/index.html (renamed from files/es/web/html/elemento/nav/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/nobr/index.html (renamed from files/es/web/html/elemento/nobr/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/noframes/index.html (renamed from files/es/web/html/elemento/noframes/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/noscript/index.html (renamed from files/es/web/html/elemento/noscript/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/object/index.html (renamed from files/es/web/html/elemento/object/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/ol/index.html (renamed from files/es/web/html/elemento/ol/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/option/index.html (renamed from files/es/web/html/elemento/option/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/p/index.html (renamed from files/es/web/html/elemento/p/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/param/index.html (renamed from files/es/web/html/elemento/param/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/picture/index.html (renamed from files/es/web/html/elemento/picture/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/pre/index.html (renamed from files/es/web/html/elemento/pre/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/progress/index.html (renamed from files/es/web/html/elemento/progress/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/q/index.html (renamed from files/es/web/html/elemento/q/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/s/index.html (renamed from files/es/web/html/elemento/s/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/samp/index.html (renamed from files/es/web/html/elemento/samp/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/section/index.html (renamed from files/es/web/html/elemento/section/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/select/index.html (renamed from files/es/web/html/elemento/select/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/shadow/index.html (renamed from files/es/web/html/elemento/shadow/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/slot/index.html (renamed from files/es/web/html/elemento/slot/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/small/index.html (renamed from files/es/web/html/elemento/small/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/source/index.html (renamed from files/es/web/html/elemento/source/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/span/index.html (renamed from files/es/web/html/elemento/span/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/strike/index.html (renamed from files/es/web/html/elemento/strike/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/strong/index.html (renamed from files/es/web/html/elemento/strong/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/style/index.html (renamed from files/es/web/html/elemento/style/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/sub/index.html (renamed from files/es/web/html/elemento/sub/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/sup/index.html (renamed from files/es/web/html/elemento/sup/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/table/index.html (renamed from files/es/web/html/elemento/table/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/td/index.html (renamed from files/es/web/html/elemento/td/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/template/index.html (renamed from files/es/web/html/elemento/template/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/textarea/index.html (renamed from files/es/web/html/elemento/textarea/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/th/index.html (renamed from files/es/web/html/elemento/th/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/time/index.html (renamed from files/es/web/html/elemento/time/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/title/index.html (renamed from files/es/web/html/elemento/title/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/tr/index.html (renamed from files/es/web/html/elemento/tr/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/track/index.html (renamed from files/es/web/html/elemento/track/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/tt/index.html (renamed from files/es/web/html/elemento/tt/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/u/index.html (renamed from files/es/web/html/elemento/u/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/ul/index.html (renamed from files/es/web/html/elemento/ul/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/var/index.html (renamed from files/es/web/html/elemento/var/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/video/index.html (renamed from files/es/web/html/elemento/video/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/wbr/index.html (renamed from files/es/web/html/elemento/wbr/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/element/xmp/index.html (renamed from files/es/web/html/elemento/xmp/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/elemento/command/index.html | 152 | ||||
-rw-r--r-- | files/es/web/html/elemento/element/index.html | 110 | ||||
-rw-r--r-- | files/es/web/html/elemento/etiqueta_personalizada_html5/index.html | 46 | ||||
-rw-r--r-- | files/es/web/html/elemento/script/index.html | 255 | ||||
-rw-r--r-- | files/es/web/html/elemento/tipos_de_elementos/index.html | 119 | ||||
-rw-r--r-- | files/es/web/html/formatos_admitidos_de_audio_y_video_en_html5/index.html | 281 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/accesskey/index.html (renamed from files/es/web/html/atributos_globales/accesskey/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/autocapitalize/index.html (renamed from files/es/web/html/atributos_globales/autocapitalize/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/class/index.html (renamed from files/es/web/html/atributos_globales/class/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/contenteditable/index.html (renamed from files/es/web/html/atributos_globales/contenteditable/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/contextmenu/index.html (renamed from files/es/web/html/atributos_globales/contextmenu/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/data-_star_/index.html (renamed from files/es/web/html/atributos_globales/data-_star_/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/dir/index.html (renamed from files/es/web/html/atributos_globales/dir/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/draggable/index.html (renamed from files/es/web/html/atributos_globales/draggable/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/hidden/index.html (renamed from files/es/web/html/atributos_globales/hidden/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/id/index.html (renamed from files/es/web/html/atributos_globales/id/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/index.html (renamed from files/es/web/html/atributos_globales/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/is/index.html (renamed from files/es/web/html/atributos_globales/is/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/itemid/index.html (renamed from files/es/web/html/atributos_globales/itemid/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/itemprop/index.html (renamed from files/es/web/html/atributos_globales/itemprop/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/itemref/index.html (renamed from files/es/web/html/atributos_globales/itemref/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/itemscope/index.html (renamed from files/es/web/html/atributos_globales/itemscope/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/lang/index.html (renamed from files/es/web/html/atributos_globales/lang/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/slot/index.html (renamed from files/es/web/html/atributos_globales/slot/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/spellcheck/index.html (renamed from files/es/web/html/atributos_globales/spellcheck/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/style/index.html (renamed from files/es/web/html/atributos_globales/style/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/tabindex/index.html (renamed from files/es/web/html/atributos_globales/tabindex/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/title/index.html (renamed from files/es/web/html/atributos_globales/title/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/translate/index.html (renamed from files/es/web/html/atributos_globales/translate/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/global_attributes/x-ms-acceleratorkey/index.html (renamed from files/es/web/html/atributos_globales/x-ms-acceleratorkey/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/index/index.html (renamed from files/es/web/html/índice/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/inline_elements/index.html (renamed from files/es/web/html/elementos_en_línea/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/la_importancia_de_comentar_correctamente/index.html | 66 | ||||
-rw-r--r-- | files/es/web/html/link_types/index.html (renamed from files/es/web/html/tipos_de_enlaces/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/microdata/index.html (renamed from files/es/web/html/microdatos/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/microformats/index.html (renamed from files/es/web/html/microformatos/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/optimizing_your_pages_for_speculative_parsing/index.html | 34 | ||||
-rw-r--r-- | files/es/web/html/reference/index.html (renamed from files/es/web/html/referencia/index.html) | 0 | ||||
-rw-r--r-- | files/es/web/html/transision_adaptativa_dash/index.html | 77 | ||||
-rw-r--r-- | files/es/web/html/usando_audio_y_video_con_html5/index.html | 287 | ||||
-rw-r--r-- | files/es/web/html/using_the_application_cache/index.html (renamed from files/es/web/html/recursos_offline_en_firefox/index.html) | 0 |
186 files changed, 0 insertions, 2096 deletions
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 ---- -<p><span class="goog-gtc-unit" id="goog-gtc-unit-2"><span class="goog-gtc-translatable goog-gtc-from-tm goog-gtc-from-tm-score-100" dir="ltr" style="">{{ fx_minversion_header (3.5) }}</span></span></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-3"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Al combinar las capacidades del elemento </span></span><a class="internal" href="/En/HTML/Element/Video" title="En/HTML/Element/Video"><code>video</code></a><span class="goog-gtc-unit" id="goog-gtc-unit-3"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style=""> introducido en Firefox 3.5 con un elemento </span></span><a class="internal" href="/en/HTML/Canvas" title="En/Canvas"><code>canvas</code></a><span class="goog-gtc-unit" id="goog-gtc-unit-3"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style=""> , puedes manipular los datos de video en tiempo real para incorporar una variedad de efectos visuales que se mostrarán en el video.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-4"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Este artículo, adaptado de <a class="external" href="http://blog.mozbox.org/post/2009/02/25/video-canvas%3A-special-effects" title="http://blog.mozbox.org/post/2009/02/25/video-canvas:-special-effects">esta entrada del blog</a> de Paul Rouget, muestra cómo realizar una inserción croma (también conocida como el "efecto pantalla verde") utilizando el código JavaScript.</span></span></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-5"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style=""><a href="/samples/video/chroma-key/index.xhtml" title="samples/video/chroma-key/index.xhtml">Ver este ejemplo en vivo</a> .</span></span></p> -<h2 id="El_contenido_del_documento"><span class="goog-gtc-unit" id="goog-gtc-unit-6"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">El contenido del documento</span></span></h2> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-7"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El documento XHTML que se utiliza para representar este contenido se muestra a continuación.</span></span></p> -<pre class="brush: html"><!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> -</pre> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-42"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Los puntos clave a tener en cuenta son:</span></span></p> -<ol> - <li><span class="goog-gtc-unit" id="goog-gtc-unit-43"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Este documento establece dos elemento <a class="internal"><code>canvas</code></a> , con los identificadores de <code>c1</code> y <code>c2</code> .</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-44"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Canvas <code>c1</code> se utiliza para mostrar la imagen actual del video original, mientras que <code>c2</code> se utiliza para mostrar el video después de realizar la manipulación con el efecto croma; <code>c2</code> se carga previamente con la imagen fija que se utilizará para sustituir el fondo verde en el video.</span></span></li> - <li><span class="goog-gtc-unit" id="goog-gtc-unit-45"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El código JavaScript es importado de un script llamado <code>main.js</code> ; 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.</span></span></li> - <li><span class="goog-gtc-unit" id="goog-gtc-unit-46"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Cuando se carga el documento, se ejecuta el método <code>processor.doLoad()</code> de <code>main.js</code>.</span></span></li> -</ol> -<h2 id="El_código_JavaScript"><span class="goog-gtc-unit" id="goog-gtc-unit-47"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">El código JavaScript</span></span></h2> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-48"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">El código JavaScript en <code>main.js</code> consta de tres métodos.</span></span></p> -<h3 id="Inicializar_el_reproductor_de_croma"><span class="goog-gtc-unit" id="goog-gtc-unit-49"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Inicializar el reproductor de croma</span></span></h3> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-50"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El método <code>doLoad()</code> se llama cuando el documento XHTML se carga inicialmente.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-51"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">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.</span></span></p> -<pre class="brush: js"> 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); - }, -</pre> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-65"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Este código obtiene referencias a los elementos del documento XHTML que son de particular interés, a saber, el elemento <code>video</code> y los dos elementos <code>canvas</code>.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-66"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">También recupera las referencias a los contextos gráficos para cada uno de los dos elementos canvas.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-67"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Estos serán utilizados cuando estamos haciendo de verdad el efecto croma.</span></span></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-68"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Luego <code>addEventListener()</code> es llamado para empezar a ver el elemento <code>video</code> de forma que podamos obtener una notificación cuando el usuario presione el botón de reproducción en el video.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-69"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">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 <code>timerCallback()</code> para iniciar el visionado del video y la computación del efecto visual.</span></span></p> -<h3 id="La_devolución_de_llamada_del_temporizador"><span class="goog-gtc-unit" id="goog-gtc-unit-70"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">La devolución de llamada del temporizador</span></span></h3> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-71"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">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.</span></span></p> -<pre class="brush: js"> timerCallback: function() { - if (this.video.paused || this.video.ended) { - return; - } - this.computeFrame(); - let self = this; - setTimeout(function () { - self.timerCallback(); - }, 0); - }, -</pre> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-82"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">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.</span></span></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-83"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">A continuación, llama al método <code>computeFrame()</code>, que lleva a cabo la manipulación del efecto croma en la imagen de video actual.</span></span></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-84"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Lo último que la devolución de llamada hace es llamar a <code>setTimeout()</code> para programarse para ser llamado lo más pronto posible.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-85"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">En el mundo real, es probable que programes esto en función de la velocidad de fotogramas del video.</span></span></p> -<h3 id="Manipulación_de_los_datos_de_la_imagen_del_video"><span class="goog-gtc-unit" id="goog-gtc-unit-86"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Manipulación de los datos de la imagen del video</span></span></h3> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-87"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El método <code>computeFrame()</code>, que se muestra a continuación, se encarga de ir a buscar realmente un fotograma de datos y realizar el efecto croma.</span></span></p> -<pre class="brush: js"> 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; - } -</pre> -<p>Cuando esta rutina es llamada, el elemento video muestra el fotograma de datos de video más reciente, que tiene este aspecto:</p> -<p><img alt="video.png" class="internal default" src="/@api/deki/files/3282/=video.png" style="width: 320px; height: 192px;"></p> -<p>En la línea 2, ese fotograma de video se copia al contexto gráfico <code>ctx1</code> del primer lienzo, especificando como alto y ancho los valores que previamente guardamos para dibujar el fotograma a mitad de tamaño. <span class="goog-gtc-unit" id="goog-gtc-unit-104"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Ten en cuenta que puedes pasar simplemente el elemento de video al método <code>drawImage()</code> del contexto para dibujar el fotograma de video actual en dicho contexto.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-105"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">El resultado es:</span></span></p> -<p><img alt="sourcectx.png" class="internal default" src="/@api/deki/files/3284/=sourcectx.png" style="width: 160px; height: 96px;"></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-106"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Línea 3 obtiene una copia de los datos gráficos del actual fotograma de video llamando al método <code>getImageData()</code> en el primer contexto.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-107"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Esto proporciona los datos de imagen en píxeles de 32 bits sin procesar que podemos después manipular.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-108"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">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.</span></span></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-109"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El bucle <code>for</code> 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 <code>foo.png</code> .</span></span></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-110"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">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.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-111"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">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.</span></span></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-112"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">La imagen resultante tiene este aspecto:</span></span></p> -<p><img alt="output.png" class="internal default" src="/@api/deki/files/3283/=output.png" style="width: 161px; height: 96px;"></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-113"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">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.</span></span></p> -<p><span class="goog-gtc-unit" id="goog-gtc-unit-114"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style=""><a href="/samples/video/chroma-key/index.xhtml" title="samples/video/chroma-key/index.xhtml">Ver este ejemplo en vivo</a> .</span></span></p> -<h2 id="Consulta_también"><span class="goog-gtc-unit" id="goog-gtc-unit-115"><span class="goog-gtc-translatable goog-gtc-from-tm goog-gtc-from-tm-score-100" dir="ltr" style="">Consulta también</span></span></h2> -<ul> - <li><a class="internal" href="/es/Usando_audio_y_video_en_Firefox" title="es/Usando audio y video en Firefox"><span class="goog-gtc-unit" id="goog-gtc-unit-116"><span class="goog-gtc-translatable goog-gtc-from-tm goog-gtc-from-tm-score-100" dir="ltr" style="">Usar audio y video en Firefox</span></span></a></li> -</ul> -<p>{{ languages ( { "en": "En/Manipulating_video_using_canvas" } ) }}</p> 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 ---- -<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p> - -<p>El atributo global <strong>dropzone </strong>es un atributo enumerado que indica qué los tipos de contenido pueden ser soltados en un elemento , usando la <a href="/es/docs/DragDrop/Drag_and_Drop">API Drag and Drop</a> . Pueden tener los siguientes valores :</p> - -<ul> - <li>copy , indica que el soltado creará una copia del elemento que fue arrastrado .</li> - <li>move , indica que el elemento que fue arrastrado será movido a su nueva localización .</li> - <li>link, indica que creara un link para el dato arrastrado.</li> -</ul> - -<h2 id="Especificaciones">Especificaciones</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificación</th> - <th scope="col">Estatus</th> - <th scope="col">Comentario</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG', "interaction.html#the-dropzone-attribute", "dropzone")}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Sin cambio desde el último snapshot, {{SpecName('HTML5.1')}}</td> - </tr> - <tr> - <td>{{SpecName('HTML5.1', "editing.html#the-dropzone-attribute", "dropzone")}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td>Snapshot de {{SpecName('HTML WHATWG')}}, definición inicial .</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidad_en_exploradores">Compatibilidad en exploradores </h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Caracterísitica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Soporte básico </td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Cataracterística</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Soporte básico</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown}}</td> - <td>{{ CompatNo }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Ver_también">Ver también </h2> - -<ul> - <li>Tos los atributos globales </li> -</ul> diff --git a/files/es/web/html/atributos/accept/index.html b/files/es/web/html/attributes/accept/index.html index b98ff8b644..b98ff8b644 100644 --- a/files/es/web/html/atributos/accept/index.html +++ b/files/es/web/html/attributes/accept/index.html diff --git a/files/es/web/html/atributos/autocomplete/index.html b/files/es/web/html/attributes/autocomplete/index.html index b8546e368d..b8546e368d 100644 --- a/files/es/web/html/atributos/autocomplete/index.html +++ b/files/es/web/html/attributes/autocomplete/index.html diff --git a/files/es/web/html/atributos_de_configuracion_cors/index.html b/files/es/web/html/attributes/crossorigin/index.html index f7453daa96..f7453daa96 100644 --- a/files/es/web/html/atributos_de_configuracion_cors/index.html +++ b/files/es/web/html/attributes/crossorigin/index.html diff --git a/files/es/web/html/atributos/index.html b/files/es/web/html/attributes/index.html index 03e7d8baee..03e7d8baee 100644 --- a/files/es/web/html/atributos/index.html +++ b/files/es/web/html/attributes/index.html diff --git a/files/es/web/html/atributos/min/index.html b/files/es/web/html/attributes/min/index.html index 4060bd81f4..4060bd81f4 100644 --- a/files/es/web/html/atributos/min/index.html +++ b/files/es/web/html/attributes/min/index.html diff --git a/files/es/web/html/atributos/minlength/index.html b/files/es/web/html/attributes/minlength/index.html index 23056673e2..23056673e2 100644 --- a/files/es/web/html/atributos/minlength/index.html +++ b/files/es/web/html/attributes/minlength/index.html diff --git a/files/es/web/html/atributos/multiple/index.html b/files/es/web/html/attributes/multiple/index.html index cbf465b0b8..cbf465b0b8 100644 --- a/files/es/web/html/atributos/multiple/index.html +++ b/files/es/web/html/attributes/multiple/index.html 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 ---- -<div>{{CanvasSidebar}}</div> - -<div class="summary"> -<p>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.</p> -</div> - -<p>{{EmbedGHLiveSample("canvas-raycaster/index.html", 900, 300)}}</p> - -<p><strong><a href="http://mdn.github.io/canvas-raycaster/">Abrir en una nueva ventana</a></strong></p> - -<h2 id="Why.3F" name="Why.3F">¿Por qué?</h2> - -<p> </p> - -<p>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 <strong>ya estaba</strong> soportado por la versión actual de Safari, así que tenía que ponerme manos a la obra y hacer un pequeño experimento.</p> - -<p>El <a href="https://developer.mozilla.org/en-US/docs/Canvas_tutorial">tutorial</a> y el <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API">resumen</a> 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.</p> - -<h2 id="How.3F" name="How.3F">¿Cómo?</h2> - -<p>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 <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations">tutorial</a> sobre <canvas> vale para eso, y quería ver si podía hacer esto.</p> - -<p>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.</p> - -<p>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 <em>Tricks of the Game Programming Gurus</em> y una <a class="external" href="http://www.shinelife.co.uk/java-maze/">versión en java de un raycaster</a> 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.</p> - -<h2 id="Results" name="Results">Resultados</h2> - -<p>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.</p> - -<p>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. =)</p> - -<h2 id="The_RayCaster" name="The_RayCaster">El ray-caster</h2> - -<p>El gente tan maravillosa que hay aquí han copiado manualmente mis archivos así vosotros podéis echarle un <a href="http://mdn.github.io/canvas-raycaster/">vistazo</a>, y para vuestro disfrute he puesto los archivos individuales como listados de código (ver abajo).</p> - -<p>¡Así que aquí lo tenéis, arrancad Safari 1.3+ o Firefox 1.5+ o cualquier otro navegador que soporte el elemento <code><canvas></code> y a disfrutar!<br> - <br> - <small><a href="https://github.com/mdn/canvas-raycaster/blob/master/input.js">input.js</a> | <a href="https://github.com/mdn/canvas-raycaster/blob/master/Level.js">Level.js</a> | <a href="https://github.com/mdn/canvas-raycaster/blob/master/Player.js">Player.js</a> | <a href="https://github.com/mdn/canvas-raycaster/blob/master/index.html">RayCaster.html</a> | <a href="https://github.com/mdn/canvas-raycaster/blob/master/RayCaster.js">RayCaster.js</a> | <a href="https://github.com/mdn/canvas-raycaster/blob/master/trace.css">trace.css</a> | <a href="https://github.com/mdn/canvas-raycaster/blob/master/trace.js">trace.js</a> </small></p> - -<h2 id="See_also" name="See_also">Ver también</h2> - -<ul> - <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Tutorial de canvas</a></li> -</ul> 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 ---- -<div class="note"> - <p>Most of this content (but not the documentation on drawWindow) has been rolled into the more expansive <a href="/en-US/docs/HTML/Canvas/Tutorial" title="HTML/Canvas/tutorial">Canvas tutorial</a>, this page should probably be redirected there as it's now redundant but some information may still be relevant.</p> -</div> -<h2 id="Introduction" name="Introduction">Introduction</h2> -<p>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.</p> -<p>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 <a href="/es-ES/docs/WebGL">representación del contexto WebGL</a></p> -<h2 id="The_2D_Rendering_Context" name="The_2D_Rendering_Context">El contexto de representación 2D</h2> -<h3 id="A_Simple_Example" name="A_Simple_Example">Un ejemplo sencillo</h3> -<p>Para comenzar, aquí un sencillo ejemplo que dibuja dos rectángulos interesándose, uno de los cuales tiene transparencia alfa.</p> -<pre class="brush: js">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); -} -</pre> -<div class="hidden"> - <pre class="brush: html"><canvas id="canvas" width="120" height="120"></canvas></pre> - <pre class="brush: js">draw();</pre> -</div> -<p>{{EmbedLiveSample('A_Simple_Example','150','150','/@api/deki/files/602/=Canvas_ex1.png')}}</p> -<p>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.</p> -<p>El fillRect, strokeRect, y clearRect llama a render a ser llenado, bosquejado o limpiar rectangulo. Para representar formas más complejas, se usan trayectorias. </p> -<h3 id="Using_Paths" name="Using_Paths">Usando trayectorias</h3> -<p>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.</p> -<pre class="brush: js">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(); -} -</pre> -<div class="hidden"> - <pre class="brush: html"><canvas id="canvas" width="160" height="160"></canvas></pre> - <pre class="brush: js">draw();</pre> -</div> -<p>{{EmbedLiveSample('Using_Paths','190','190','/@api/deki/files/603/=Canvas_ex2.png')}}</p> -<p>Llamando fill() o stroke() causa que el trazo sea usado. Para ser llenado o juntado otra vez, el trazo debe ser recreado.</p> -<h3 id="Graphics_State" name="Graphics_State">Estado de gráficos</h3> -<p>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.</p> -<h3 id="A_More_Complicated_Example" name="A_More_Complicated_Example">Un ejemplo más complicado</h3> -<p>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.</p> -<pre class="brush: js">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(); -} -</pre> -<div class="hidden"> - <pre class="brush: html"><canvas id="canvas" width="185" height="185"></canvas></pre> - <pre class="brush: js">draw();</pre> -</div> -<p>{{EmbedLiveSample('A_More_Complicated_Example','215','215','/@api/deki/files/604/=Canvas_ex3.png')}}</p> -<p>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.</p> -<p>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 ().</p> -<h2 id="Compatibility_With_Apple_.3Ccanvas.3E" name="Compatibility_With_Apple_.3Ccanvas.3E">Compatibilidad con Apple <canvas></h2> -<p>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í.</p> -<h3 id="Required_.3C.2Fcanvas.3E_tag" name="Required_.3C.2Fcanvas.3E_tag">Etiqueta </canvas> requerida </h3> -<p>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.</p> -<p>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.</p> -<p>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).</p> -<pre>canvas { - font-size: 0.00001px !ie; -}</pre> -<h2 id="Additional_Features" name="Additional_Features">Caracteristicas adicionales </h2> -<h3 id="Rendering_Web_Content_Into_A_Canvas" name="Rendering_Web_Content_Into_A_Canvas">Renderizando el contenido we dentro de un Canvas.</h3> -<div class="note"> - Esta caracteristica esta solo disponible para codigo ejecutado con privilegios de Chrome. No esta permitido en paginas HTML normales. <a href="http://mxr.mozilla.org/mozilla/source/content/canvas/src/nsCanvasRenderingContext2D.cpp#2352" title="http://mxr.mozilla.org/mozilla/source/content/canvas/src/nsCanvasRenderingContext2D.cpp#2352">Porqué leer</a>.</div> -<p>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:</p> -<pre class="brush: js">ctx.drawWindow(window, 0, 0, 100, 200, "rgb(255,255,255)"); -</pre> -<p>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).</p> -<p>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.</p> -<p>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.</p> -<p>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. </p> -<div class="note"> - 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 </div> -<h2 id="See_also" name="See_also">See also</h2> -<ul> - <li><a href="/en-US/docs/HTML/Canvas" title="HTML/Canvas">Canvas topic page</a></li> - <li><a href="/en-US/docs/Canvas_tutorial" title="Canvas_tutorial">Canvas tutorial</a></li> - <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#the-canvas">WHATWG specification</a></li> - <li><a href="http://developer.apple.com/documentation/AppleApplications/Conceptual/SafariJSProgTopics/Tasks/Canvas.html" title="http://developer.apple.com/documentation/AppleApplications/Conceptual/SafariJSProgTopics/Tasks/Canvas.html">Apple Canvas Documentation</a></li> - <li><a href="http://weblogs.mozillazine.org/roc/archives/2005/05/rendering_web_p.html">Rendering Web Page Thumbnails</a></li> - <li>Some <a href="/en-US/docs/tag/canvas_examples">examples</a>: - <ul> - <li><a href="http://azarask.in/projects/algorithm-ink">Algorithm Ink</a></li> - <li><a href="http://www.tapper-ware.net/canvas3d/">OBJ format 3D Renderer</a></li> - <li><a href="/en-US/docs/A_Basic_RayCaster" title="A_Basic_RayCaster">A Basic RayCaster</a></li> - <li><a href="http://awordlike.textdriven.com/">The Lightweight Visual Thesaurus</a></li> - <li><a href="http://caimansys.com/painter/">Canvas Painter</a></li> - </ul> - </li> - <li><a href="/en-US/docs/tag/canvas">And more...</a></li> -</ul> 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 ---- -<div>{{CanvasSidebar}}</div> - -<p class="summary">Añadido en <a href="/es/docs/HTML/HTML5">HTML5</a>, el <strong>elemento HTML {{HTMLElement("canvas")}}</strong> se puede usar para dibujar gráficos mediante scripting en <a href="/es/docs/Web/JavaScript">JavaScript</a>. 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.</p> - -<p>Las aplicaciones de Mozilla soportan <code><canvas></code> desde Gecko 1.8 (es decir, <a href="/es/docs/Mozilla/Firefox/Releases/1.5">Firefox 1.5</a>). El elemento fue inicialmenmte presentado por Apple para el Dashboard de OS X y Safari. Internet Explorer soporta <code><canvas></code> desde la versión 9 en adelante; para versiones anteriores de IE, se puede añadir soporte para <code><canvas></code> a una página incluyendo un script del proyecto de Google <a href="https://github.com/arv/explorercanvas">Explorer Canvas</a>. Google Chrome y Opera 9 también soportan <code><canvas></code>.</p> - -<p>El elemento <code><canvas></code> también se usa en <a href="/es/docs/Web/WebGL">WebGL</a> para dibujar gráficos 3D con aceleración por hardware en páginas web.</p> - -<h2 id="Ejemplo">Ejemplo</h2> - -<p>Esto es un trozo de código que usa el método {{domxref("CanvasRenderingContext2D.fillRect()")}}.</p> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><canvas id="canvas"></canvas> -</pre> - -<h3 id="JavaScript">JavaScript</h3> - -<pre class="brush: js">var canvas = document.getElementById('canvas'); -var ctx = canvas.getContext('2d'); - -ctx.fillStyle = 'green'; -ctx.fillRect(10, 10, 100, 100); -</pre> - -<p>Edita este código para ver tus cambios en tiempo real en este canvas:</p> - -<div class="hidden"> -<h6 id="Código_editable">Código editable</h6> - -<pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> -<div class="playable-buttons"> - <input id="edit" type="button" value="Edit" /> - <input id="reset" type="button" value="Reset" /> -</div> -<textarea id="code" class="playable-code"> -ctx.fillStyle = 'green'; -ctx.fillRect(10, 10, 100, 100);</textarea> -</pre> - -<pre class="brush: js">var canvas = document.getElementById('canvas'); -var ctx = canvas.getContext("2d"); -var textarea = document.getElementById('code'); -var reset = document.getElementById('reset'); -var edit = document.getElementById('edit'); -var code = textarea.value; - -function drawCanvas() { - ctx.clearRect(0, 0, canvas.width, canvas.height); - eval(textarea.value); -} - -reset.addEventListener('click', function() { - textarea.value = code; - drawCanvas(); -}); - -edit.addEventListener('click', function() { - textarea.focus(); -}) - -textarea.addEventListener('input', drawCanvas); -window.addEventListener('load', drawCanvas); -</pre> -</div> - -<p>{{ EmbedLiveSample('Código_editable', 700, 360) }}</p> - -<h2 id="Referencia">Referencia</h2> - -<div class="index"> -<ul> - <li>{{domxref("HTMLCanvasElement")}}</li> - <li>{{domxref("CanvasRenderingContext2D")}}</li> - <li>{{domxref("CanvasGradient")}}</li> - <li>{{domxref("CanvasImageSource")}}</li> - <li>{{domxref("CanvasPattern")}}</li> - <li>{{domxref("ImageBitmap")}}</li> - <li>{{domxref("ImageData")}}</li> - <li>{{domxref("RenderingContext")}}</li> - <li>{{domxref("TextMetrics")}}</li> - <li>{{domxref("OffscreenCanvas")}}{{experimental_inline}}</li> - <li>{{domxref("Path2D")}} {{experimental_inline}}{{domxref("ImageBitmapRenderingContext")}}{{experimental_inline}}</li> -</ul> -</div> - -<p>Las interfaces relacionadas con <code>WebGLRenderingContext</code> están en <a href="/es/docs/Web/WebGL" title="/en-US/docs/Web/WebGL">WebGL</a>.</p> - -<p>{{domxref("CanvasCaptureMediaStream")}} está relacionado..</p> - -<h2 id="Guías_y_tutoriales">Guías y tutoriales</h2> - -<dl> - <dt><a href="/es/docs/Web/API/Canvas_API/Tutorial">Tutorial Canvas</a></dt> - <dd>Tutorial exhaustivo que cubre tanto el uso básico de <code><canvas></code> como sus características avanzadas.</dd> - <dt><a href="/es/Add-ons/Code_snippets/Canvas">Fragmentos de código: Canvas</a></dt> - <dd>Algunos fragmentos de código orientados al desarrollador de extensiones usando <code><canvas></code>.</dd> - <dt><a href="/es/docs/Web/API/Canvas_API/A_basic_ray-caster">Demo: Un laberinto básico</a></dt> - <dd>Una demo de una animación de laberinto usando canvas.</dd> - <dt><a href="/es/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas">Dibujar objetos DOM en un canvas</a></dt> - <dd>Cómo dibujar contenido DOM, como elementos HTML, en un canvas.</dd> - <dt><a href="/es/docs/Web/API/Canvas_API/Manipulating_video_using_canvas">Manipulación de vídeo usando canvas</a></dt> - <dd>Combinando {{HTMLElement("video")}} y {{HTMLElement("canvas")}} para manipular datos de vídeo en tiempo real.</dd> -</dl> - -<h2 id="Recursos">Recursos</h2> - -<h3 id="Genéricos">Genéricos</h3> - -<ul> - <li><a href="http://joshondesign.com/p/books/canvasdeepdive/title.html">Profundizando en HTML5 Canvas</a></li> - <li><a href="http://bucephalus.org/text/CanvasHandbook/CanvasHandbook.html">Manual de Canvas</a></li> -</ul> - -<h3 id="Librerías">Librerías</h3> - -<ul> - <li><a href="http://fabricjs.com">Fabric.js</a> es una librería open-source para canvas con capacidad de parsear SVG.</li> - <li><a href="https://github.com/ericdrowell/KineticJS">Kinetic.js</a> es una librería open-source de canvas enfocada en la interactividad para aplicaciones móviles y de escritorio.</li> - <li><a href="http://paperjs.org/">Paper.js</a> es un framework para gráficos vectoriales open source que funciona sobre Canvas HTML5.</li> - <li><a href="http://origamijs.com/docs/">Origami.js</a> es una librería ligera open-source para canvas.</li> - <li><a href="http://libcanvas.github.com/">libCanvas</a> es un framework ligero y potente para canvas.</li> - <li><a href="http://processingjs.org">Processing.js</a> es un port de PVL (Processing visualization language).</li> - <li><a href="https://playcanvas.com/">PlayCanvas</a> es un motor open source de juegos.</li> - <li><a href="http://www.pixijs.com/">Pixi.js</a> es un motor open source de juegos.</li> - <li><a href="http://www.liquidx.net/plotkit/">PlotKit</a> es una librería para hacer gráficas.</li> - <li><a class="link-https" href="https://github.com/jeremyckahn/rekapi">Rekapi</a> es una API para animación por frames para Canvas.</li> - <li><a href="http://senchalabs.github.com/philogl/">PhiloGL</a> es un framework WebGL para visualización de datos, programación creativa y desarrollo de juegos.</li> - <li><a href="http://thejit.org/">JavaScript InfoVis Toolkit</a> crea visualizaciones de datos 2D interactivas para Web.</li> - <li><a href="http://www.createjs.com/easeljs">EaselJS</a> es una librería open source/libre que facilita el uso de canvas para arte y juegos</li> - <li><a href="http://scrawl.rikweb.org.uk/">Scrawl-canvas</a> es otra librería open-source javascript para crear y manipular elementos canvas en 2D</li> - <li><a href="https://www.patrick-wied.at/static/heatmapjs/">heatmap.js</a> es una librería open-source para crear mapas (heatmaps)</li> -</ul> - -<h2 id="Especificaciones">Especificaciones</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Especificación</th> - <th scope="col">Estado</th> - <th scope="col">Comentarios</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', 'scripting.html#the-canvas-element', '<canvas>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Ver_también">Ver también</h2> - -<ul> - <li><a href="/es/docs/Web/WebGL">WebGL</a></li> -</ul> diff --git a/files/es/web/html/consejos_para_la_creación_de_páginas_html_de_carga_rápida/index.html b/files/es/web/html/consejos_para_la_creación_de_páginas_html_de_carga_rápida/index.html deleted file mode 100644 index b44128e05d..0000000000 --- a/files/es/web/html/consejos_para_la_creación_de_páginas_html_de_carga_rápida/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 ---- -<h2 id="Consejos_para_la_creación_de_páginas_HTML_de_carga_rápida">Consejos para la creación de páginas HTML de carga rápida</h2> - -<p>Estos consejos estan basados en conocimiento común y experimentación.</p> - -<p>Una página web optimizada no solo provee una mayor respuesta a su sitio por parte de los visitantes, sino que también reduce la carga en su servidores web y en su conexión de internet. Esto puede ser crucial para sitios con alto volumen o sitios que tienen un pico de trafico debido a circunstancias inucuales como noticias de ultima hora.</p> - -<p>Optimizar la carga de páginas no es solo para el contenido que será visto atraves de una estrecha conexión telefónica o dispositivos móviles. <span id="result_box" lang="es"><span class="hps">Es</span> <span class="hps">tan importante</span> <span class="hps">para el contenido</span> <span class="hps">de banda ancha</span> <span class="hps">y puede conducir a</span> <span class="hps">mejoras espectaculares</span> <span class="hps">incluso</span> <span class="hps">para sus</span> <span class="hps">visitantes con</span> <span class="hps">las conexiones más rápidas</span><span>.</span></span></p> - -<h3 id="Consejos">Consejos</h3> - -<h4 id="Reducir_el_peso_de_las_páginas_web">Reducir el peso de las páginas web</h4> - -<p>El peso de las páginas web es por mucho el factor más importante en el rendimiento de carga de una página.</p> - -<p>Reducir el peso de la página mediante la eliminación de espacios en blanco innecesarios y comentarios, comunmente se coonoce como minimalización, y al mover "inline-script" y "CSS" a un archivo externo, puede mejorar el rendimiento de la descarga con minimas necesidades de otros cambios en la estructura de la página.</p> - -<p>Herramientas como <a class="external external-icon" href="http://tidy.sourceforge.net/">HTML Tidy</a> pueden <span id="result_box" lang="es"><span class="hps">quitar</span> <span class="hps">automáticamente</span> <span class="hps">espacios en blanco</span> <span class="hps">y las líneas</span> <span class="hps">en blanco adicionales</span> <span class="hps">de</span> <span class="hps">código fuente HTML valido</span><span class="hps">. Otras herramientas pueden "comprimir"</span></span> JavaScript al reformatear el codigo fuente o <span id="result_box" lang="es"><span class="hps">por</span> <span class="alt-edited hps">ofuscación</span> <span class="hps">la fuente</span> <span class="hps">y la sustitución de</span> <span class="hps">los identificadores largos con versiones mas cortas.</span></span></p> - -<h3 id="Minimizar_el_número_de_archivos">Minimizar el número de archivos</h3> - -<p>Reducir el número de archivos referentes en una pagina web baja el número de conexiones <a href="https://developer.mozilla.org/en-US/docs/HTTP" title="en-US/docs/HTTP">HTTP</a> requeridas para bajar la página.</p> - -<p>Dependiendo de la configuración de cache de un navegador, puede enviar una petición <span id="result_box" lang="es"><span class="hps">"If</span><span>-Modified-Since"</span></span> al servidor web para cada "CSS", JavaScript o archivo de imágen, preguntando si el archivo ha sido modificado desde la ultima vez que fué descargado.</p> - -<p>Al reducir el número de archivos que son refereciados dentro de una página web, <span id="result_box" lang="es"><span class="hps">se reduce el</span> <span class="hps">tiempo necesario para que</span> <span class="hps">estas solicitudes</span> <span class="hps">se envíen</span><span>,</span> <span class="hps">y</span> <span class="hps">para que sus</span> <span class="hps">respuestas</span> <span class="hps">que se reciban</span><span>.</span></span></p> - -<p>Si se usan muchas imágenes de fondo en sus "CSS", puedes reducir la cantidad de busquedas HTTP necesarias al combinar las imagenes en una, conocido como "image sprite". Luego solamente <span id="result_box" lang="es"><span class="hps">se aplica la</span> <span class="hps">misma imagen</span> <span class="hps">cada</span> <span class="hps">vez que lo necesite</span> <span class="hps">para un fondo,</span> <span class="hps">ajustando las coordenadas el eje (X / Y</span></span>) adecuadamente. Estas técnica trabaja mejor con elementos que tendrán dimensiones limitadas, no funcionará para todos los usos de imagenes de fondo, sin embargo, la menor cantidad de pedidos HTTP y el uso de una única imágen en caché puede reducir el timepo de carga de una página.</p> - -<p>Demasiado tiempo gastado en consultar la ultima modificación de los archivos referenciados puede demorar la pantalla inicial de una página web, <span id="result_box" lang="es"><span class="hps">ya que el</span> <span class="hps">explorador debe</span> <span class="hps">comprobar</span> <span class="hps">la fecha de modificación</span> <span class="hps">de cada</span> <span class="hps">archivo</span> <span class="hps">CSS o</span> <span class="hps">JavaScript</span><span>, antes de pintar la página.</span></span></p> - -<h3 id="Reducir_la_busqueda_de_dominios">Reducir la busqueda de dominios</h3> - -<p>Debido a que cada dominio separado cuesta tiempo en una busqeuda DNS, el tiempo de carga de la página crecerá junto con el número de dominios <span id="result_box" lang="es"><span class="hps">que aparecen en</span> <span class="hps">enlace</span> <span class="hps">CSS</span> <span class="atn hps">(</span><span>s</span><span>)</span>, <span class="hps"> JavaScript</span> <span class="hps">y</span> <span class="hps">recursos de</span> <span class="hps">imagen.</span></span></p> - -<p>Esto no puede ser siempre práctico; sin embargo <span id="result_box" lang="es"><span class="hps">siempre se debe</span> <span class="hps">tener cuidado de usar</span> <span class="hps">sólo el número</span> <span class="hps">mínimo necesario</span> <span class="hps">de los diferentes dominios</span> <span class="hps">en</span> <span class="hps">sus páginas</span></span>.</p> - -<h3 id="Reutilización_de_contenido_de_cache">Reutilización de contenido de cache</h3> - -<p><span id="result_box" lang="es"><span class="hps">Asegúrese de que cualquier</span> <span class="hps">contenido que se pueden</span> <span class="hps">almacenar en caché</span><span>,</span> <span class="hps">se almacena en caché</span><span>,</span> <span class="hps">y</span> <span class="hps">con</span> <span class="hps">fechas de caducidad</span> <span class="hps">correspondientes.</span></span></p> - -<p><span id="result_box" lang="es"><span class="hps">En particular</span><span>,</span> <span class="hps">prestar atención a la</span> <span class="hps">cabecera</span></span> "<code>Last-Modified</code>". Permite el eficiente almacenamiento en cache de la página; <span id="result_box" lang="es"><span class="hps">por medio de</span> <span class="hps">esta cabecera</span><span>, la información</span> <span class="hps">se transmite al</span> <span class="hps">agente de usuario</span> <span class="hps">sobre el archivo</span> <span class="hps">que quiere</span> <span class="hps">cargar</span><span>,</span> <span class="hps">por ejemplo, </span></span><span id="result_box" lang="es"><span class="hps">como cuando</span> <span class="hps">fue</span> <span class="hps">modificada por última vez</span><span>.</span> <span class="hps">La mayoría de los</span> <span class="hps">servidores web</span> <span class="hps">añadirá automáticamente</span> <span class="hps">la</span> <span class="hps">cabecera Last-Modified</span> <span class="hps">para</span> <span class="hps">páginas estáticas</span> <span class="hps">(por ejemplo</span> <span class="hps">.html</span><span>,</span> <span class="hps">.css</span><span>)</span><span>,</span></span> <span id="result_box" lang="es"><span class="hps">basado en</span> <span class="hps">la</span> <span class="hps">fecha de última modificación</span> <span class="hps">almacenada en</span> <span class="hps">el sistema de archivos</span><span>.</span> <span class="hps">Con</span> <span class="hps">páginas dinámicas</span> <span class="hps">(por ejemplo,</span> <span class="hps">.php</span><span>,</span> <span class="hps">.aspx</span><span>)</span><span>,</span> <span class="hps">esto, por supuesto</span><span>,</span> <span class="hps">no se puede hacer</span><span>, y</span> <span class="hps">la cabecera</span> <span class="hps">no se envía</span><span>.</span></span></p> - -<p><span id="result_box" lang="es"><span class="hps">Así</span><span>,</span> <span class="hps">en particular</span> <span class="hps">para las páginas</span> <span class="hps">que se generan</span> <span class="hps">de forma dinámica</span><span>,</span> <span class="hps">un poco de investigación</span> <span class="hps">sobre este tema es</span> <span class="hps">beneficioso.</span> <span class="hps">Puede ser</span> <span class="hps">un poco</span> <span class="hps">complicada, pero</span> <span class="hps">se ahorrará mucho</span> <span class="hps">en</span> <span class="hps">las solicitudes de página</span> <span class="hps">en las páginas</span> <span class="hps">que</span> <span class="hps">normalmente no serían</span> <span class="hps">cacheable</span><span>.</span></span></p> diff --git a/files/es/web/html/imagen_con_cors_habilitado/index.html b/files/es/web/html/cors_enabled_image/index.html index 4de4e94617..4de4e94617 100644 --- a/files/es/web/html/imagen_con_cors_habilitado/index.html +++ b/files/es/web/html/cors_enabled_image/index.html diff --git a/files/es/web/html/elemento/a/index.html b/files/es/web/html/element/a/index.html index e35402f7a5..e35402f7a5 100644 --- a/files/es/web/html/elemento/a/index.html +++ b/files/es/web/html/element/a/index.html diff --git a/files/es/web/html/elemento/abbr/index.html b/files/es/web/html/element/abbr/index.html index 8646722071..8646722071 100644 --- a/files/es/web/html/elemento/abbr/index.html +++ b/files/es/web/html/element/abbr/index.html diff --git a/files/es/web/html/elemento/acronym/index.html b/files/es/web/html/element/acronym/index.html index 94581489a3..94581489a3 100644 --- a/files/es/web/html/elemento/acronym/index.html +++ b/files/es/web/html/element/acronym/index.html diff --git a/files/es/web/html/elemento/address/index.html b/files/es/web/html/element/address/index.html index fdfacfeba1..fdfacfeba1 100644 --- a/files/es/web/html/elemento/address/index.html +++ b/files/es/web/html/element/address/index.html diff --git a/files/es/web/html/elemento/applet/index.html b/files/es/web/html/element/applet/index.html index 51282989af..51282989af 100644 --- a/files/es/web/html/elemento/applet/index.html +++ b/files/es/web/html/element/applet/index.html diff --git a/files/es/web/html/elemento/area/index.html b/files/es/web/html/element/area/index.html index 201e8745a2..201e8745a2 100644 --- a/files/es/web/html/elemento/area/index.html +++ b/files/es/web/html/element/area/index.html diff --git a/files/es/web/html/elemento/article/index.html b/files/es/web/html/element/article/index.html index 8df680ad6b..8df680ad6b 100644 --- a/files/es/web/html/elemento/article/index.html +++ b/files/es/web/html/element/article/index.html diff --git a/files/es/web/html/elemento/aside/index.html b/files/es/web/html/element/aside/index.html index 1032e47e9c..1032e47e9c 100644 --- a/files/es/web/html/elemento/aside/index.html +++ b/files/es/web/html/element/aside/index.html diff --git a/files/es/web/html/elemento/audio/index.html b/files/es/web/html/element/audio/index.html index 02c621f421..02c621f421 100644 --- a/files/es/web/html/elemento/audio/index.html +++ b/files/es/web/html/element/audio/index.html diff --git a/files/es/web/html/elemento/b/index.html b/files/es/web/html/element/b/index.html index e4281a9296..e4281a9296 100644 --- a/files/es/web/html/elemento/b/index.html +++ b/files/es/web/html/element/b/index.html diff --git a/files/es/web/html/elemento/base/index.html b/files/es/web/html/element/base/index.html index 4912e33f0b..4912e33f0b 100644 --- a/files/es/web/html/elemento/base/index.html +++ b/files/es/web/html/element/base/index.html diff --git a/files/es/web/html/elemento/basefont/index.html b/files/es/web/html/element/basefont/index.html index 5b86ea16a3..5b86ea16a3 100644 --- a/files/es/web/html/elemento/basefont/index.html +++ b/files/es/web/html/element/basefont/index.html diff --git a/files/es/web/html/elemento/bdi/index.html b/files/es/web/html/element/bdi/index.html index 075afa13a6..075afa13a6 100644 --- a/files/es/web/html/elemento/bdi/index.html +++ b/files/es/web/html/element/bdi/index.html diff --git a/files/es/web/html/elemento/bdo/index.html b/files/es/web/html/element/bdo/index.html index 0a4af7fe92..0a4af7fe92 100644 --- a/files/es/web/html/elemento/bdo/index.html +++ b/files/es/web/html/element/bdo/index.html diff --git a/files/es/web/html/elemento/bgsound/index.html b/files/es/web/html/element/bgsound/index.html index 81b73a1e30..81b73a1e30 100644 --- a/files/es/web/html/elemento/bgsound/index.html +++ b/files/es/web/html/element/bgsound/index.html diff --git a/files/es/web/html/elemento/big/index.html b/files/es/web/html/element/big/index.html index a15f1b5da9..a15f1b5da9 100644 --- a/files/es/web/html/elemento/big/index.html +++ b/files/es/web/html/element/big/index.html diff --git a/files/es/web/html/elemento/blink/index.html b/files/es/web/html/element/blink/index.html index f63821708a..f63821708a 100644 --- a/files/es/web/html/elemento/blink/index.html +++ b/files/es/web/html/element/blink/index.html diff --git a/files/es/web/html/elemento/blockquote/index.html b/files/es/web/html/element/blockquote/index.html index d8f71a7ed4..d8f71a7ed4 100644 --- a/files/es/web/html/elemento/blockquote/index.html +++ b/files/es/web/html/element/blockquote/index.html diff --git a/files/es/web/html/elemento/body/index.html b/files/es/web/html/element/body/index.html index 32b0a64328..32b0a64328 100644 --- a/files/es/web/html/elemento/body/index.html +++ b/files/es/web/html/element/body/index.html diff --git a/files/es/web/html/elemento/br/index.html b/files/es/web/html/element/br/index.html index 1e9cff3b58..1e9cff3b58 100644 --- a/files/es/web/html/elemento/br/index.html +++ b/files/es/web/html/element/br/index.html diff --git a/files/es/web/html/elemento/button/index.html b/files/es/web/html/element/button/index.html index abcab78469..abcab78469 100644 --- a/files/es/web/html/elemento/button/index.html +++ b/files/es/web/html/element/button/index.html diff --git a/files/es/web/html/elemento/canvas/index.html b/files/es/web/html/element/canvas/index.html index 63e3e260a3..63e3e260a3 100644 --- a/files/es/web/html/elemento/canvas/index.html +++ b/files/es/web/html/element/canvas/index.html diff --git a/files/es/web/html/elemento/caption/index.html b/files/es/web/html/element/caption/index.html index 84d06cffaa..84d06cffaa 100644 --- a/files/es/web/html/elemento/caption/index.html +++ b/files/es/web/html/element/caption/index.html diff --git a/files/es/web/html/elemento/center/index.html b/files/es/web/html/element/center/index.html index 1a24bbaf4b..1a24bbaf4b 100644 --- a/files/es/web/html/elemento/center/index.html +++ b/files/es/web/html/element/center/index.html diff --git a/files/es/web/html/elemento/cite/index.html b/files/es/web/html/element/cite/index.html index 237934b396..237934b396 100644 --- a/files/es/web/html/elemento/cite/index.html +++ b/files/es/web/html/element/cite/index.html diff --git a/files/es/web/html/elemento/code/index.html b/files/es/web/html/element/code/index.html index dfcac59bfd..dfcac59bfd 100644 --- a/files/es/web/html/elemento/code/index.html +++ b/files/es/web/html/element/code/index.html diff --git a/files/es/web/html/elemento/col/index.html b/files/es/web/html/element/col/index.html index 4f8c415f87..4f8c415f87 100644 --- a/files/es/web/html/elemento/col/index.html +++ b/files/es/web/html/element/col/index.html diff --git a/files/es/web/html/elemento/colgroup/index.html b/files/es/web/html/element/colgroup/index.html index da87284232..da87284232 100644 --- a/files/es/web/html/elemento/colgroup/index.html +++ b/files/es/web/html/element/colgroup/index.html diff --git a/files/es/web/html/elemento/content/index.html b/files/es/web/html/element/content/index.html index 0e380c1cd9..0e380c1cd9 100644 --- a/files/es/web/html/elemento/content/index.html +++ b/files/es/web/html/element/content/index.html diff --git a/files/es/web/html/elemento/data/index.html b/files/es/web/html/element/data/index.html index 8f202fa334..8f202fa334 100644 --- a/files/es/web/html/elemento/data/index.html +++ b/files/es/web/html/element/data/index.html diff --git a/files/es/web/html/elemento/datalist/index.html b/files/es/web/html/element/datalist/index.html index 40049a9734..40049a9734 100644 --- a/files/es/web/html/elemento/datalist/index.html +++ b/files/es/web/html/element/datalist/index.html diff --git a/files/es/web/html/elemento/dd/index.html b/files/es/web/html/element/dd/index.html index 3296e7758b..3296e7758b 100644 --- a/files/es/web/html/elemento/dd/index.html +++ b/files/es/web/html/element/dd/index.html diff --git a/files/es/web/html/elemento/del/index.html b/files/es/web/html/element/del/index.html index b38c85a532..b38c85a532 100644 --- a/files/es/web/html/elemento/del/index.html +++ b/files/es/web/html/element/del/index.html diff --git a/files/es/web/html/elemento/details/index.html b/files/es/web/html/element/details/index.html index cd8b0c5abb..cd8b0c5abb 100644 --- a/files/es/web/html/elemento/details/index.html +++ b/files/es/web/html/element/details/index.html diff --git a/files/es/web/html/elemento/dfn/index.html b/files/es/web/html/element/dfn/index.html index 03242c90bd..03242c90bd 100644 --- a/files/es/web/html/elemento/dfn/index.html +++ b/files/es/web/html/element/dfn/index.html diff --git a/files/es/web/html/elemento/dialog/index.html b/files/es/web/html/element/dialog/index.html index e44363c003..e44363c003 100644 --- a/files/es/web/html/elemento/dialog/index.html +++ b/files/es/web/html/element/dialog/index.html diff --git a/files/es/web/html/elemento/dir/index.html b/files/es/web/html/element/dir/index.html index 6c95601436..6c95601436 100644 --- a/files/es/web/html/elemento/dir/index.html +++ b/files/es/web/html/element/dir/index.html diff --git a/files/es/web/html/elemento/div/index.html b/files/es/web/html/element/div/index.html index 5421099e45..5421099e45 100644 --- a/files/es/web/html/elemento/div/index.html +++ b/files/es/web/html/element/div/index.html diff --git a/files/es/web/html/elemento/dl/index.html b/files/es/web/html/element/dl/index.html index 9bea9588ce..9bea9588ce 100644 --- a/files/es/web/html/elemento/dl/index.html +++ b/files/es/web/html/element/dl/index.html diff --git a/files/es/web/html/elemento/dt/index.html b/files/es/web/html/element/dt/index.html index 7cbf0c3182..7cbf0c3182 100644 --- a/files/es/web/html/elemento/dt/index.html +++ b/files/es/web/html/element/dt/index.html diff --git a/files/es/web/html/elemento/em/index.html b/files/es/web/html/element/em/index.html index d24fa05f81..d24fa05f81 100644 --- a/files/es/web/html/elemento/em/index.html +++ b/files/es/web/html/element/em/index.html diff --git a/files/es/web/html/elemento/embed/index.html b/files/es/web/html/element/embed/index.html index d489014613..d489014613 100644 --- a/files/es/web/html/elemento/embed/index.html +++ b/files/es/web/html/element/embed/index.html diff --git a/files/es/web/html/elemento/fieldset/index.html b/files/es/web/html/element/fieldset/index.html index bb29878206..bb29878206 100644 --- a/files/es/web/html/elemento/fieldset/index.html +++ b/files/es/web/html/element/fieldset/index.html diff --git a/files/es/web/html/elemento/figcaption/index.html b/files/es/web/html/element/figcaption/index.html index b212c17632..b212c17632 100644 --- a/files/es/web/html/elemento/figcaption/index.html +++ b/files/es/web/html/element/figcaption/index.html diff --git a/files/es/web/html/elemento/figure/index.html b/files/es/web/html/element/figure/index.html index 1ad3d12a07..1ad3d12a07 100644 --- a/files/es/web/html/elemento/figure/index.html +++ b/files/es/web/html/element/figure/index.html diff --git a/files/es/web/html/elemento/font/index.html b/files/es/web/html/element/font/index.html index e1020b3d95..e1020b3d95 100644 --- a/files/es/web/html/elemento/font/index.html +++ b/files/es/web/html/element/font/index.html diff --git a/files/es/web/html/elemento/footer/index.html b/files/es/web/html/element/footer/index.html index fb29106abc..fb29106abc 100644 --- a/files/es/web/html/elemento/footer/index.html +++ b/files/es/web/html/element/footer/index.html diff --git a/files/es/web/html/elemento/form/index.html b/files/es/web/html/element/form/index.html index d0ade4348c..d0ade4348c 100644 --- a/files/es/web/html/elemento/form/index.html +++ b/files/es/web/html/element/form/index.html diff --git a/files/es/web/html/elemento/frame/index.html b/files/es/web/html/element/frame/index.html index 21df468c42..21df468c42 100644 --- a/files/es/web/html/elemento/frame/index.html +++ b/files/es/web/html/element/frame/index.html diff --git a/files/es/web/html/elemento/frameset/index.html b/files/es/web/html/element/frameset/index.html index cf90335bc6..cf90335bc6 100644 --- a/files/es/web/html/elemento/frameset/index.html +++ b/files/es/web/html/element/frameset/index.html diff --git a/files/es/web/html/elemento/head/index.html b/files/es/web/html/element/head/index.html index e0e6e13fe1..e0e6e13fe1 100644 --- a/files/es/web/html/elemento/head/index.html +++ b/files/es/web/html/element/head/index.html diff --git a/files/es/web/html/elemento/header/index.html b/files/es/web/html/element/header/index.html index f4bdcd9a75..f4bdcd9a75 100644 --- a/files/es/web/html/elemento/header/index.html +++ b/files/es/web/html/element/header/index.html diff --git a/files/es/web/html/elemento/elementos_títulos/index.html b/files/es/web/html/element/heading_elements/index.html index be0dd6801b..be0dd6801b 100644 --- a/files/es/web/html/elemento/elementos_títulos/index.html +++ b/files/es/web/html/element/heading_elements/index.html diff --git a/files/es/web/html/elemento/hgroup/index.html b/files/es/web/html/element/hgroup/index.html index 18aa804ac2..18aa804ac2 100644 --- a/files/es/web/html/elemento/hgroup/index.html +++ b/files/es/web/html/element/hgroup/index.html diff --git a/files/es/web/html/elemento/hr/index.html b/files/es/web/html/element/hr/index.html index 22b569e245..22b569e245 100644 --- a/files/es/web/html/elemento/hr/index.html +++ b/files/es/web/html/element/hr/index.html diff --git a/files/es/web/html/elemento/html/index.html b/files/es/web/html/element/html/index.html index 48fd5f469e..48fd5f469e 100644 --- a/files/es/web/html/elemento/html/index.html +++ b/files/es/web/html/element/html/index.html diff --git a/files/es/web/html/elemento/i/index.html b/files/es/web/html/element/i/index.html index e3b318e367..e3b318e367 100644 --- a/files/es/web/html/elemento/i/index.html +++ b/files/es/web/html/element/i/index.html diff --git a/files/es/web/html/elemento/iframe/index.html b/files/es/web/html/element/iframe/index.html index 23d58f54e8..23d58f54e8 100644 --- a/files/es/web/html/elemento/iframe/index.html +++ b/files/es/web/html/element/iframe/index.html diff --git a/files/es/web/html/elemento/image/index.html b/files/es/web/html/element/image/index.html index e48d44488f..e48d44488f 100644 --- a/files/es/web/html/elemento/image/index.html +++ b/files/es/web/html/element/image/index.html diff --git a/files/es/web/html/elemento/img/index.html b/files/es/web/html/element/img/index.html index 6345af1848..6345af1848 100644 --- a/files/es/web/html/elemento/img/index.html +++ b/files/es/web/html/element/img/index.html diff --git a/files/es/web/html/elemento/index.html b/files/es/web/html/element/index.html index 537ca3cd41..537ca3cd41 100644 --- a/files/es/web/html/elemento/index.html +++ b/files/es/web/html/element/index.html diff --git a/files/es/web/html/elemento/input/botón/index.html b/files/es/web/html/element/input/button/index.html index 7fbe354405..7fbe354405 100644 --- a/files/es/web/html/elemento/input/botón/index.html +++ b/files/es/web/html/element/input/button/index.html diff --git a/files/es/web/html/elemento/input/checkbox/index.html b/files/es/web/html/element/input/checkbox/index.html index 1798198434..1798198434 100644 --- a/files/es/web/html/elemento/input/checkbox/index.html +++ b/files/es/web/html/element/input/checkbox/index.html diff --git a/files/es/web/html/elemento/input/color/index.html b/files/es/web/html/element/input/color/index.html index 09773888f0..09773888f0 100644 --- a/files/es/web/html/elemento/input/color/index.html +++ b/files/es/web/html/element/input/color/index.html diff --git a/files/es/web/html/elemento/input/date/index.html b/files/es/web/html/element/input/date/index.html index a1c36c5530..a1c36c5530 100644 --- a/files/es/web/html/elemento/input/date/index.html +++ b/files/es/web/html/element/input/date/index.html diff --git a/files/es/web/html/elemento/input/datetime/index.html b/files/es/web/html/element/input/datetime/index.html index f1f4aeac25..f1f4aeac25 100644 --- a/files/es/web/html/elemento/input/datetime/index.html +++ b/files/es/web/html/element/input/datetime/index.html diff --git a/files/es/web/html/elemento/input/email/index.html b/files/es/web/html/element/input/email/index.html index f07953bb29..f07953bb29 100644 --- a/files/es/web/html/elemento/input/email/index.html +++ b/files/es/web/html/element/input/email/index.html diff --git a/files/es/web/html/elemento/input/hidden/index.html b/files/es/web/html/element/input/hidden/index.html index b7c1c42126..b7c1c42126 100644 --- a/files/es/web/html/elemento/input/hidden/index.html +++ b/files/es/web/html/element/input/hidden/index.html diff --git a/files/es/web/html/elemento/input/index.html b/files/es/web/html/element/input/index.html index 7af5101141..7af5101141 100644 --- a/files/es/web/html/elemento/input/index.html +++ b/files/es/web/html/element/input/index.html diff --git a/files/es/web/html/elemento/input/number/index.html b/files/es/web/html/element/input/number/index.html index 102e540f7e..102e540f7e 100644 --- a/files/es/web/html/elemento/input/number/index.html +++ b/files/es/web/html/element/input/number/index.html diff --git a/files/es/web/html/elemento/input/password/index.html b/files/es/web/html/element/input/password/index.html index 2fd6cd5cb2..2fd6cd5cb2 100644 --- a/files/es/web/html/elemento/input/password/index.html +++ b/files/es/web/html/element/input/password/index.html diff --git a/files/es/web/html/elemento/input/range/index.html b/files/es/web/html/element/input/range/index.html index e0cf92d55a..e0cf92d55a 100644 --- a/files/es/web/html/elemento/input/range/index.html +++ b/files/es/web/html/element/input/range/index.html diff --git a/files/es/web/html/elemento/input/text/index.html b/files/es/web/html/element/input/text/index.html index b98f985679..b98f985679 100644 --- a/files/es/web/html/elemento/input/text/index.html +++ b/files/es/web/html/element/input/text/index.html diff --git a/files/es/web/html/elemento/ins/index.html b/files/es/web/html/element/ins/index.html index 8201603d48..8201603d48 100644 --- a/files/es/web/html/elemento/ins/index.html +++ b/files/es/web/html/element/ins/index.html diff --git a/files/es/web/html/elemento/isindex/index.html b/files/es/web/html/element/isindex/index.html index 520c286c08..520c286c08 100644 --- a/files/es/web/html/elemento/isindex/index.html +++ b/files/es/web/html/element/isindex/index.html diff --git a/files/es/web/html/elemento/kbd/index.html b/files/es/web/html/element/kbd/index.html index 1f29dead64..1f29dead64 100644 --- a/files/es/web/html/elemento/kbd/index.html +++ b/files/es/web/html/element/kbd/index.html diff --git a/files/es/web/html/elemento/keygen/index.html b/files/es/web/html/element/keygen/index.html index 0370a780cd..0370a780cd 100644 --- a/files/es/web/html/elemento/keygen/index.html +++ b/files/es/web/html/element/keygen/index.html diff --git a/files/es/web/html/elemento/label/index.html b/files/es/web/html/element/label/index.html index 3017c1ba36..3017c1ba36 100644 --- a/files/es/web/html/elemento/label/index.html +++ b/files/es/web/html/element/label/index.html diff --git a/files/es/web/html/elemento/legend/index.html b/files/es/web/html/element/legend/index.html index 1aaaecced4..1aaaecced4 100644 --- a/files/es/web/html/elemento/legend/index.html +++ b/files/es/web/html/element/legend/index.html diff --git a/files/es/web/html/elemento/li/index.html b/files/es/web/html/element/li/index.html index 5c9755e528..5c9755e528 100644 --- a/files/es/web/html/elemento/li/index.html +++ b/files/es/web/html/element/li/index.html diff --git a/files/es/web/html/elemento/link/index.html b/files/es/web/html/element/link/index.html index e604bf0f30..e604bf0f30 100644 --- a/files/es/web/html/elemento/link/index.html +++ b/files/es/web/html/element/link/index.html diff --git a/files/es/web/html/elemento/main/index.html b/files/es/web/html/element/main/index.html index fd3fd6c917..fd3fd6c917 100644 --- a/files/es/web/html/elemento/main/index.html +++ b/files/es/web/html/element/main/index.html diff --git a/files/es/web/html/elemento/map/index.html b/files/es/web/html/element/map/index.html index 1a87193ffc..1a87193ffc 100644 --- a/files/es/web/html/elemento/map/index.html +++ b/files/es/web/html/element/map/index.html diff --git a/files/es/web/html/elemento/mark/index.html b/files/es/web/html/element/mark/index.html index 38ed980e3a..38ed980e3a 100644 --- a/files/es/web/html/elemento/mark/index.html +++ b/files/es/web/html/element/mark/index.html diff --git a/files/es/web/html/elemento/marquee/index.html b/files/es/web/html/element/marquee/index.html index 5eeeec12bf..5eeeec12bf 100644 --- a/files/es/web/html/elemento/marquee/index.html +++ b/files/es/web/html/element/marquee/index.html diff --git a/files/es/web/html/elemento/menu/index.html b/files/es/web/html/element/menu/index.html index 887e230f1b..887e230f1b 100644 --- a/files/es/web/html/elemento/menu/index.html +++ b/files/es/web/html/element/menu/index.html diff --git a/files/es/web/html/elemento/meta/index.html b/files/es/web/html/element/meta/index.html index c2fa5ce5a5..c2fa5ce5a5 100644 --- a/files/es/web/html/elemento/meta/index.html +++ b/files/es/web/html/element/meta/index.html diff --git a/files/es/web/html/elemento/multicol/index.html b/files/es/web/html/element/multicol/index.html index e03e9ae580..e03e9ae580 100644 --- a/files/es/web/html/elemento/multicol/index.html +++ b/files/es/web/html/element/multicol/index.html diff --git a/files/es/web/html/elemento/nav/index.html b/files/es/web/html/element/nav/index.html index c8d998cef2..c8d998cef2 100644 --- a/files/es/web/html/elemento/nav/index.html +++ b/files/es/web/html/element/nav/index.html diff --git a/files/es/web/html/elemento/nobr/index.html b/files/es/web/html/element/nobr/index.html index 2585c6c084..2585c6c084 100644 --- a/files/es/web/html/elemento/nobr/index.html +++ b/files/es/web/html/element/nobr/index.html diff --git a/files/es/web/html/elemento/noframes/index.html b/files/es/web/html/element/noframes/index.html index 97f1c8e234..97f1c8e234 100644 --- a/files/es/web/html/elemento/noframes/index.html +++ b/files/es/web/html/element/noframes/index.html diff --git a/files/es/web/html/elemento/noscript/index.html b/files/es/web/html/element/noscript/index.html index c90b056c7b..c90b056c7b 100644 --- a/files/es/web/html/elemento/noscript/index.html +++ b/files/es/web/html/element/noscript/index.html diff --git a/files/es/web/html/elemento/object/index.html b/files/es/web/html/element/object/index.html index d859ea1b66..d859ea1b66 100644 --- a/files/es/web/html/elemento/object/index.html +++ b/files/es/web/html/element/object/index.html diff --git a/files/es/web/html/elemento/ol/index.html b/files/es/web/html/element/ol/index.html index f62713c92b..f62713c92b 100644 --- a/files/es/web/html/elemento/ol/index.html +++ b/files/es/web/html/element/ol/index.html diff --git a/files/es/web/html/elemento/option/index.html b/files/es/web/html/element/option/index.html index 3b97475475..3b97475475 100644 --- a/files/es/web/html/elemento/option/index.html +++ b/files/es/web/html/element/option/index.html diff --git a/files/es/web/html/elemento/p/index.html b/files/es/web/html/element/p/index.html index 5e9216b1f5..5e9216b1f5 100644 --- a/files/es/web/html/elemento/p/index.html +++ b/files/es/web/html/element/p/index.html diff --git a/files/es/web/html/elemento/param/index.html b/files/es/web/html/element/param/index.html index b9314fa0c1..b9314fa0c1 100644 --- a/files/es/web/html/elemento/param/index.html +++ b/files/es/web/html/element/param/index.html diff --git a/files/es/web/html/elemento/picture/index.html b/files/es/web/html/element/picture/index.html index 99d681da97..99d681da97 100644 --- a/files/es/web/html/elemento/picture/index.html +++ b/files/es/web/html/element/picture/index.html diff --git a/files/es/web/html/elemento/pre/index.html b/files/es/web/html/element/pre/index.html index 2ec0cf56dc..2ec0cf56dc 100644 --- a/files/es/web/html/elemento/pre/index.html +++ b/files/es/web/html/element/pre/index.html diff --git a/files/es/web/html/elemento/progress/index.html b/files/es/web/html/element/progress/index.html index 581c0da783..581c0da783 100644 --- a/files/es/web/html/elemento/progress/index.html +++ b/files/es/web/html/element/progress/index.html diff --git a/files/es/web/html/elemento/q/index.html b/files/es/web/html/element/q/index.html index edcc4076e6..edcc4076e6 100644 --- a/files/es/web/html/elemento/q/index.html +++ b/files/es/web/html/element/q/index.html diff --git a/files/es/web/html/elemento/s/index.html b/files/es/web/html/element/s/index.html index e515a0257f..e515a0257f 100644 --- a/files/es/web/html/elemento/s/index.html +++ b/files/es/web/html/element/s/index.html diff --git a/files/es/web/html/elemento/samp/index.html b/files/es/web/html/element/samp/index.html index 2957372979..2957372979 100644 --- a/files/es/web/html/elemento/samp/index.html +++ b/files/es/web/html/element/samp/index.html diff --git a/files/es/web/html/elemento/section/index.html b/files/es/web/html/element/section/index.html index 3a68adbae3..3a68adbae3 100644 --- a/files/es/web/html/elemento/section/index.html +++ b/files/es/web/html/element/section/index.html diff --git a/files/es/web/html/elemento/select/index.html b/files/es/web/html/element/select/index.html index edaf0488ab..edaf0488ab 100644 --- a/files/es/web/html/elemento/select/index.html +++ b/files/es/web/html/element/select/index.html diff --git a/files/es/web/html/elemento/shadow/index.html b/files/es/web/html/element/shadow/index.html index bd3cc37616..bd3cc37616 100644 --- a/files/es/web/html/elemento/shadow/index.html +++ b/files/es/web/html/element/shadow/index.html diff --git a/files/es/web/html/elemento/slot/index.html b/files/es/web/html/element/slot/index.html index b7a7407d83..b7a7407d83 100644 --- a/files/es/web/html/elemento/slot/index.html +++ b/files/es/web/html/element/slot/index.html diff --git a/files/es/web/html/elemento/small/index.html b/files/es/web/html/element/small/index.html index 21f0cb4331..21f0cb4331 100644 --- a/files/es/web/html/elemento/small/index.html +++ b/files/es/web/html/element/small/index.html diff --git a/files/es/web/html/elemento/source/index.html b/files/es/web/html/element/source/index.html index c116ef3464..c116ef3464 100644 --- a/files/es/web/html/elemento/source/index.html +++ b/files/es/web/html/element/source/index.html diff --git a/files/es/web/html/elemento/span/index.html b/files/es/web/html/element/span/index.html index 38a79bda5c..38a79bda5c 100644 --- a/files/es/web/html/elemento/span/index.html +++ b/files/es/web/html/element/span/index.html diff --git a/files/es/web/html/elemento/strike/index.html b/files/es/web/html/element/strike/index.html index cb33cc0fe7..cb33cc0fe7 100644 --- a/files/es/web/html/elemento/strike/index.html +++ b/files/es/web/html/element/strike/index.html diff --git a/files/es/web/html/elemento/strong/index.html b/files/es/web/html/element/strong/index.html index e04ea0a0e7..e04ea0a0e7 100644 --- a/files/es/web/html/elemento/strong/index.html +++ b/files/es/web/html/element/strong/index.html diff --git a/files/es/web/html/elemento/style/index.html b/files/es/web/html/element/style/index.html index c298d810ad..c298d810ad 100644 --- a/files/es/web/html/elemento/style/index.html +++ b/files/es/web/html/element/style/index.html diff --git a/files/es/web/html/elemento/sub/index.html b/files/es/web/html/element/sub/index.html index 4140eaa5cf..4140eaa5cf 100644 --- a/files/es/web/html/elemento/sub/index.html +++ b/files/es/web/html/element/sub/index.html diff --git a/files/es/web/html/elemento/sup/index.html b/files/es/web/html/element/sup/index.html index 51f98765f1..51f98765f1 100644 --- a/files/es/web/html/elemento/sup/index.html +++ b/files/es/web/html/element/sup/index.html diff --git a/files/es/web/html/elemento/table/index.html b/files/es/web/html/element/table/index.html index 1dffe0d7c2..1dffe0d7c2 100644 --- a/files/es/web/html/elemento/table/index.html +++ b/files/es/web/html/element/table/index.html diff --git a/files/es/web/html/elemento/td/index.html b/files/es/web/html/element/td/index.html index dc8867d87f..dc8867d87f 100644 --- a/files/es/web/html/elemento/td/index.html +++ b/files/es/web/html/element/td/index.html diff --git a/files/es/web/html/elemento/template/index.html b/files/es/web/html/element/template/index.html index b6fe0ca924..b6fe0ca924 100644 --- a/files/es/web/html/elemento/template/index.html +++ b/files/es/web/html/element/template/index.html diff --git a/files/es/web/html/elemento/textarea/index.html b/files/es/web/html/element/textarea/index.html index f062f6e1c6..f062f6e1c6 100644 --- a/files/es/web/html/elemento/textarea/index.html +++ b/files/es/web/html/element/textarea/index.html diff --git a/files/es/web/html/elemento/th/index.html b/files/es/web/html/element/th/index.html index dae17481e0..dae17481e0 100644 --- a/files/es/web/html/elemento/th/index.html +++ b/files/es/web/html/element/th/index.html diff --git a/files/es/web/html/elemento/time/index.html b/files/es/web/html/element/time/index.html index 8216d3b167..8216d3b167 100644 --- a/files/es/web/html/elemento/time/index.html +++ b/files/es/web/html/element/time/index.html diff --git a/files/es/web/html/elemento/title/index.html b/files/es/web/html/element/title/index.html index 978149f8a6..978149f8a6 100644 --- a/files/es/web/html/elemento/title/index.html +++ b/files/es/web/html/element/title/index.html diff --git a/files/es/web/html/elemento/tr/index.html b/files/es/web/html/element/tr/index.html index 6e57c8d5e0..6e57c8d5e0 100644 --- a/files/es/web/html/elemento/tr/index.html +++ b/files/es/web/html/element/tr/index.html diff --git a/files/es/web/html/elemento/track/index.html b/files/es/web/html/element/track/index.html index e05d9f0a9e..e05d9f0a9e 100644 --- a/files/es/web/html/elemento/track/index.html +++ b/files/es/web/html/element/track/index.html diff --git a/files/es/web/html/elemento/tt/index.html b/files/es/web/html/element/tt/index.html index 3bdd50de49..3bdd50de49 100644 --- a/files/es/web/html/elemento/tt/index.html +++ b/files/es/web/html/element/tt/index.html diff --git a/files/es/web/html/elemento/u/index.html b/files/es/web/html/element/u/index.html index 1a355b443d..1a355b443d 100644 --- a/files/es/web/html/elemento/u/index.html +++ b/files/es/web/html/element/u/index.html diff --git a/files/es/web/html/elemento/ul/index.html b/files/es/web/html/element/ul/index.html index 6279c722bc..6279c722bc 100644 --- a/files/es/web/html/elemento/ul/index.html +++ b/files/es/web/html/element/ul/index.html diff --git a/files/es/web/html/elemento/var/index.html b/files/es/web/html/element/var/index.html index dd29c31159..dd29c31159 100644 --- a/files/es/web/html/elemento/var/index.html +++ b/files/es/web/html/element/var/index.html diff --git a/files/es/web/html/elemento/video/index.html b/files/es/web/html/element/video/index.html index e816c5db91..e816c5db91 100644 --- a/files/es/web/html/elemento/video/index.html +++ b/files/es/web/html/element/video/index.html diff --git a/files/es/web/html/elemento/wbr/index.html b/files/es/web/html/element/wbr/index.html index 2cee9077c4..2cee9077c4 100644 --- a/files/es/web/html/elemento/wbr/index.html +++ b/files/es/web/html/element/wbr/index.html diff --git a/files/es/web/html/elemento/xmp/index.html b/files/es/web/html/element/xmp/index.html index 88ab19b65e..88ab19b65e 100644 --- a/files/es/web/html/elemento/xmp/index.html +++ b/files/es/web/html/element/xmp/index.html diff --git a/files/es/web/html/elemento/command/index.html b/files/es/web/html/elemento/command/index.html deleted file mode 100644 index eaaeb3118c..0000000000 --- a/files/es/web/html/elemento/command/index.html +++ /dev/null @@ -1,152 +0,0 @@ ---- -title: <command> -slug: Web/HTML/Elemento/command -tags: - - HTML - - Obsoleto -translation_of: Web/HTML/Element/command ---- -<div>{{obsolete_header()}}</div> - -<div class="note"> -<p><span style="font-size: 14px; line-height: 21px;"><strong>Nota: </strong>El elemento <code>command</code> ha sido removido de </span>{{Gecko("24.0")}} en favor del elemento {{HTMLElement("menuitem")}} . Firefox nunca ha soportado este elemento <code>command , </code>y la implementación existente de la interface DOM {{domxref("HTMLCommandElement")}} ha sido removida de <a href="/en-US/docs/Site_Compatibility_for_Firefox_24">Firefox 24</a>.</p> -</div> - -<h2 id="Resumen_de_el_catalogo">Resumen de el catalogo</h2> - -<pre><command function="About live stream"></pre> - -<h3 class="brush: html" id="sect1"></h3> - -<h4 id="El_elemento_command_representa_un_comando_que_el_usuario_puede_invocar_.">El elemento <code>command </code>representa un comando que el usuario puede invocar .</h4> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/es/docs/Web/Guide/HTML/categorias_de_contenido">Categorías de contenido</a></th> - <td>Contenido dinámico , contenido estático de texto, contenido de metadata .</td> - </tr> - <tr> - <th scope="row">Contenido permitido</th> - <td>Ninguno , es un {{Glossary("empty element")}}.</td> - </tr> - <tr> - <th scope="row">Omisión de etiquetas</th> - <td>La etiqueta de inicio es obligatoria , pero como es un elemento vacío , el uso de una etiqueta de cierre está prohibido . </td> - </tr> - <tr> - <th scope="row">Elementos padre permitidos </th> - <td>Solamente {{HTMLElement("colgroup")}} ,aunque puede ser definido implícitamente ya que su etiqueta de inicio no es obligatoria .El {{HTMLElement("colgroup")}} no debe de tener un {{HTMLElement("span")}} como hijo .</td> - </tr> - <tr> - <th scope="row">Interface DOM </th> - <td>{{domxref("HTMLCommandElement")}} {{ obsolete_inline(24) }}</td> - </tr> - </tbody> -</table> - -<h2 id="Atributos">Atributos</h2> - -<p>Este elemento incluye los <a href="/es/docs/Web/HTML/Atributos_Globales">atributos globales</a> .</p> - -<ul> - <li><code>command</code> o <code>empty</code> el cual es el estado por default e indica que este es un comando normal.</li> - <li><code>checkbox</code> indica que el comando puede ser alternado usando un checkbox.</li> - <li><code>radio</code> indica que el comando puede ser alternado usando un radiobutton.</li> -</ul> - -<dl> - <dt>{{htmlattrdef("checked")}}</dt> - <dd>Indica si el comando es seleccionado . Debe de ser omitido al menos que el atributo <code>type </code>sea <code>checkbox </code>o <code>radio.</code></dd> - <dt>{{htmlattrdef("disabled")}}</dt> - <dd>Indica que el comando no está disponible .</dd> - <dt>{{htmlattrdef("icon")}}</dt> - <dd>Proporciona una imagen que representa el comando.</dd> - <dt>{{htmlattrdef("label")}}</dt> - <dd>El nombre del comando como se muestra al usuario .</dd> - <dt>{{htmlattrdef("radiogroup")}}</dt> - <dd>Este atributo proporciona el nombre del grupo de comandos , con un atributo <code>type </code>de<code> tipo radio ,</code>que será alternado cuando el comando en sí mismo sea alternado . Este atributo debe de ser omitido al menos que el atributo <code>type </code>sea del tipo <code>radio .</code></dd> - <dt>{{htmlattrdef("type")}}</dt> - <dd>Este atributo indica el tipo de comando . Este puede ser uno de los siguientes tres valores :</dd> -</dl> - -<h2 id="Ejemplos">Ejemplos</h2> - -<pre class="brush: html"><command type="command" label="Save" icon="icons/save.png" onclick="save()"> -</pre> - -<h2 id="Specifications" name="Specifications">Especificaciones</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Especificación</th> - <th scope="col">Estatus</th> - <th scope="col">Comentario</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', 'commands.html', '<command>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'semantics.html#the-command-element', '<command>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidad_en_exploradores">Compatibilidad en exploradores</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Soporte básico</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Soporte básico </td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>{{ HTMLRef }}</p> diff --git a/files/es/web/html/elemento/element/index.html b/files/es/web/html/elemento/element/index.html deleted file mode 100644 index 814711131f..0000000000 --- a/files/es/web/html/elemento/element/index.html +++ /dev/null @@ -1,110 +0,0 @@ ---- -title: <element> -slug: Web/HTML/Elemento/element -translation_of: Web/HTML/Element/element ---- -<div class="note"> -<p><strong>Nota:</strong> Este elemento ha sido borrado de la especificación. Mira <a href="http://lists.w3.org/Archives/Public/public-webapps/2013JulSep/0287.html">esto</a> para obtener más información desde el editor de la espeficicación.</p> -</div> - -<h2 id="Resumen" name="Resumen">Resumen</h2> - -<p>El <strong>elemento <a href="/es/docs/Web/HTML">HTML</a> <code><element></code></strong> es utilizado para personalizar los elementos DOM.</p> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/es/docs/Web/Guide/HTML/categorias_de_contenido" title="HTML/Categorias_de_contenido">Categorias de contenido</a></th> - <td><a href="/es/docs/Web/Guide/HTML/categorias_de_contenido#Modelo_de_contenido_transparente">Contenido transparente</a>.</td> - </tr> - <tr> - <th scope="row">Contenido Permitido</th> - <td>???</td> - </tr> - <tr> - <th scope="row">Etiquetas omitidas</th> - <td>{{no_tag_omission}}</td> - </tr> - <tr> - <th scope="row">Elementos padre permitidos</th> - <td>???</td> - </tr> - <tr> - <th scope="row">Interfaz DOM</th> - <td>{{domxref("HTMLElement")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Atributos" name="Atributos">Atributos</h2> - -<p>Este elemento incluye los <a href="/es/docs/Web/HTML/Atributos_Globales">atributos globales</a>.</p> - -<h2 id="Ejemplos" name="Ejemplos">Ejemplos</h2> - -<p>El texto va aquí</p> - -<pre class="brush: html">Más texto va aquí. -</pre> - -<h2 id="Especificaciones" name="Especificaciones">Especificaciones</h2> - -<p>El elemento <code><element></code> fue formulado en un borrador de la especificación de <a href="http://w3c.github.io/webcomponents/spec/custom/">elementos personalizados</a>, que se ha eliminado.</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad dee navegadores</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Ver También" name="Ver También">Ver También</h2> - -<ul> - <li>Web components: {{HTMLElement("content")}}, {{HTMLElement("shadow")}}, {{HTMLElement("template")}}</li> -</ul> - -<div>{{HTMLRef}}</div> diff --git a/files/es/web/html/elemento/etiqueta_personalizada_html5/index.html b/files/es/web/html/elemento/etiqueta_personalizada_html5/index.html deleted file mode 100644 index e18dd89f0d..0000000000 --- a/files/es/web/html/elemento/etiqueta_personalizada_html5/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: Etiqueta Personalizada HTML5 -slug: Web/HTML/Elemento/Etiqueta_Personalizada_HTML5 ---- -<p>Una etiqueta personalizada sencilla, es crear una plantilla de elementos.</p> - -<p>Un sencillo ejemplo donde con poner la etiqueta <corazon> nos muetra un corazon en el documento:</p> - -<h2 id="corazon.js" name="corazon.js">corazon.js</h2> - -<h3 id="Contenido_JavaScript">Contenido JavaScript</h3> - -<pre class="brush: js">function ini(){ -document.createElement('corazon');//creamos el elemento corazon -var corazon = document.getElementsByTagName('corazon');//llamamos todos los elemento corazon del documento - var i; - for (i = 0; i < corazon.length; i++) {//ejecuta acciones para esos elementos -//creamos estilos para nuetras etiquetas - corazon[i].style.backgroundImage= "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACaElEQVR4nO2by7WCMBCGKYECyJgSLIESLCEnwT0l0IElWIIlWIIlsAxhkxLuXZh45YrKI+QF/zmznvn+TAYYj0myadOmTSMkMUl5VuQN0JIDrVooTmLHLhxoxRElPCtyjgk2nZdjgnlW5BxRcs/Lzi2wMwdaNUBLnhW56ZzdArIib4GdBTApgP0MiBtHlMzJKTFJBWIHAew2MOdPC+wsEDsYwlbgiF2HFtBfVHEaC95CcRphdu8BtPi4nwz+VMRk8H9RDymoxcf9mBMf0hGT4MWOXQzCP6IBWr7L2wAtZ576226QmKSD4DkmWACrl4D/dCocaLVkTgFMfh3OEpN07n0fHE+DiiNKrOQEVn80QE15G4XcOwEf9+rOL9H2/TkRu/bCq8eNNXgVUhgceEPj5fEsMUldFOIwZMcANX1dF2W3C4BWf3ff1uDzK+5doIaQ62LcdAEmeJXtr6MBWiZLvfEFETt2Wev911EnYuHXXs9DJsLiW5iPsfYOqNc+A27WP4B8ihaxa2J46xNUtFCc9IeQ82JcxGOTLNY5CG9Pi5D1XYPO16C6BmvqAvmyJLW4l3MendPvrMXWsRV6vyJXVyHmV2P59ccZ9btAjCZ8h388FeLbEsnRP5hGZMJ4+IhMmA4fgQnz4QM2wRx8gCaYhw/IhOXgAzBheXiPTbAH76EJ9uE9MsEdvAcmuIfXcmCCP/BaFk3wD17Lggn+wmstaIL/8FoLmBAOvJZBE8KD1zJgQrjwWjNMCB9ea4IJ8cBrjTAhPnitASbEC6/1wYT44bV6TFgPvBbHBHOgFQdazfpz06ZNmzbN0C97EM/d8hW+4gAAAABJRU5ErkJggg==')"; - corazon[i].style.position="relative"; - corazon[i].style.display="block"; - corazon[i].style.width="64px"; - corazon[i].style.height="64px"; - } -} -window.addEventListener('load',ini,false);//ejecuta la funcion ini al cargar el documento</pre> - -<p>Ahora solo llamamos a nuestro archivo corazon.js desde nuetro html y podremos usar libremente nuetra etiqueta <corazon> con la cual nos mostrara un corazon.</p> - -<h2 id="index.html" name="index.html">index.html</h2> - -<h3 id="Contenido_HTML">Contenido HTML</h3> - -<p><!DOCTYPE html><br> - <html><br> - <head><br> - <meta charset="utf-8"><br> - <title>Mi Etiqueta</title><br> - <script src="corazon.js" type="text/javascript"></script><br> - </head><br> - <body><br> - <corazon></corazon><br> - </body><br> - </html></p> - -<p> </p> diff --git a/files/es/web/html/elemento/script/index.html b/files/es/web/html/elemento/script/index.html deleted file mode 100644 index d1b744f192..0000000000 --- a/files/es/web/html/elemento/script/index.html +++ /dev/null @@ -1,255 +0,0 @@ ---- -title: <script> -slug: Web/HTML/Elemento/script -tags: - - Elemento - - HTML - - HTML scripting - - Referencia - - Scripting - - Web - - etiqueta -translation_of: Web/SVG/Element/script ---- -<h2 id="Resumen">Resumen</h2> - -<p>El <em>elemento HTML Script</em> (<strong><code><script></code></strong>) se utiliza para insertar o hacer referencia a un script ejecutable dentro de un documento HTML o XHTML.</p> - -<p>Los scripts sin atributo <code>async</code> o <code>defer</code>, así como las secuencias de comandos en línea, son interpretados y ejecutados inmediatamente, antes de que el navegador continúe procesando la página.</p> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></th> - <td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content" title="HTML/Content_categories#Metadata_content">Metadata content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> - </tr> - <tr> - <th scope="row">Contenido permitido</th> - <td>Script dinámico tal como <code>text/javascript</code>.</td> - </tr> - <tr> - <th scope="row">Omision de etiquetas</th> - <td>{{no_tag_omission}}</td> - </tr> - <tr> - <th scope="row">Elementos padre permitidos</th> - <td>Cualquier elemento que acepte <a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content" title="HTML/Content_categories#Metadata_content">metadata content</a>, o cualquier elemento que acepte <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> - </tr> - <tr> - <th scope="row">Interfaz DOM</th> - <td>{{domxref("HTMLScriptElement")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Atributos">Atributos</h2> - -<p>Este elemento contiene los <a href="es/docs/Web/HTML/Atributos_Globales">atributos globales</a>.</p> - -<dl> - <dt>{{htmlattrdef("async")}} {{HTMLVersionInline(5)}}</dt> - <dd>Establece este atributo booleano para indicar al navegador, si es posible, ejecutar el código asincrónicamente. Esto no afecta a los scripts escritos dentro de la etiqueta (es decir a aquellos que no tienen el atributo <strong>src</strong>).</dd> - <dd>Ver {{anch("Browser compatibility")}} para notas acerca de compatibilidad. Ver tambien <a href="/en-US/docs/Games/Techniques/Async_scripts">Scripts asincrónicos para asm.js</a>.</dd> - <dt>{{htmlattrdef("integrity")}}</dt> - <dd>Contiene información de metadatos que es usada por el user agent del navegador para verificar el recurso captado fue entregado libre de manipulación inesperada. Ver <a href="/en-US/docs/Web/Security/Subresource_Integrity">Subresource Integrity</a>.</dd> - <dt>{{htmlattrdef("src")}}</dt> - <dd>Este atributo especifica la URI del script externo; este puede ser usado como alternativa a scripts embebidos directamente en el documento. Si el script tiene el atributo src, no debería tener código dentro de la etiqueta.</dd> - <dt>{{htmlattrdef("type")}}</dt> - <dd>Este atributo identifica el lenguaje de scripting en que está escrito el código embebido dentro de la etiqueta script, o referenciada utilizando el atributo src. Los valores posibles están especificados como un MIME type (tipo MIME). <br> - Algunos ejemplos de tipos MIME que pueden ser utilizados son: <code>text/javascript</code>, <code>text/ecmascript</code>, <code>application/javascript</code>, y <code>application/ecmascript. </code>Si el atributo se encuentra ausente, el valor por defecto será un script JavaScript.</dd> - <dd>Si el tipo MIME especificado no es un tipo JavaScript, el contenido embebido dentro de la etiqueta script es tratado como un bloque de datos que no será procesado por el navegador.</dd> - <dd>Si el tipo especificado es module, el código es tratado como un módulo JavaScript {{experimental_inline}}. Ver <a href="https://hacks.mozilla.org/2015/08/es6-in-depth-modules/">ES6 in Depth: Modules</a>.</dd> - <dd>Nota: en Firefox puedes usar características avanzadas tales como let statements y otras características de la última versión de JS, usando type=application/javascript;version=1.8 {{Non-standard_inline}}. Ten cuidado!, esto no es una característica estándar, es decir, probablemente genere conflictos con otros navegadores, en particular aquellos basados en Chromium.</dd> - <dd>Para incluir lenguajes de programación exóticos, lee acerca de <a href="/en-US/Add-ons/Code_snippets/Rosetta">Rosetta</a>.</dd> - <dt>{{htmlattrdef("text")}}</dt> - <dd>Este atributo actúa como el atributo <code>textContent</code>, establece el texto contenido del elemento. Pero a diferencia de <code>textContent</code>, este atributo se evalúa como ejecutable luego de ser insertado como nodo en el DOM.</dd> - <dt>{{htmlattrdef("language")}} {{Deprecated_inline}}</dt> - <dd>Este atributo actúa como el atributo <code>type</code>, identifica el tipo de lenguaje que se utiliza. A diferencia del atributo <code>type</code>, los posibles valores de este atributo nunca fueron estandarizados. El atributo <code>type</code> debe ser utilizado en lugar de <code>language</code>.</dd> - <dt>{{htmlattrdef("defer")}}</dt> - <dd>Este atributo establece si el script debe ser ejecutado luego de que el documento entero sea analizado. Dado que esta función aún no fue implementada por todos los navegadores relevantes, los autores no deberían asumir que el script realmente será ejecutado luego de la carga y analisis del documento. Desde Gecko 1.9.2 el atributo defer es ignorado en los scripts que no tienen el atributo src. Sin embargo, en Gecko 1.9.1 incluso se difieren los scripts escritos dentro de la etiqueta.</dd> - <dt>{{htmlattrdef("crossorigin")}} {{Non-standard_inline}}</dt> - <dd>Elementos normales script pasan información mínima al {{domxref('GlobalEventHandlers.onerror', 'window.onerror')}} para scripts que no pasan las revisiones del estándar <a href="/es/docs/Web/HTTP/Access_control_CORS">CORS</a>. Para permitir registrar errores en los sitios que usan dominios separados para recursos estáticos, usar este atributo.</dd> -</dl> - -<h2 id="Ejemplos">Ejemplos</h2> - -<pre class="brush: html"><!-- HTML4 y (x)HTML --> -<script type="text/javascript" src="javascript.js"></script> - -<!-- HTML5 --> -<script src="javascript.js"></script> -</pre> - -<h2 id="Especificaciones">Especificaciones</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Especificación</th> - <th scope="col">Estado</th> - <th scope="col">Comentario</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', "scripting.html#the-script-element", "<script>")}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Agrega el tipo module.</td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'scripting-1.html#script', '<script>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML4.01', 'interact/scripts.html#h-18.2.1', '<script>')}}</td> - <td>{{Spec2('HTML4.01')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('Subresource Integrity', '#htmlscriptelement', '<script>')}}</td> - <td>{{Spec2('Subresource Integrity')}}</td> - <td>Agrega el atributo integrity.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatChrome(1.0)}}</td> - <td>{{CompatGeckoDesktop("1.0")}}<sup>[2]</sup></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>async attribute</td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - <td>{{CompatGeckoDesktop("1.9.2")}}<sup>[1]</sup></td> - <td>10<sup>[1]</sup></td> - <td>{{CompatNo}}<sup>[1]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - </tr> - <tr> - <td>defer attribute</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.9.1")}}</td> - <td> - <p>4[3]<br> - 10</p> - </td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>crossorigin attribute</td> - <td>{{CompatChrome(30.0)}}</td> - <td>{{CompatGeckoDesktop("13")}}</td> - <td>{{CompatNo}}</td> - <td>12.50</td> - <td>{{CompatVersionUnknown}}<sup>[4]</sup></td> - </tr> - <tr> - <td>integrity attribute</td> - <td>{{CompatChrome(45.0)}}</td> - <td>{{CompatGeckoDesktop("43")}}</td> - <td> </td> - <td> </td> - <td>{{CompatNo}}<sup>[5]</sup></td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Android Webview</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - <th>Chrome for Android</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.0")}}<sup>[2]</sup></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>async attribute</td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - <td>{{CompatGeckoMobile("1.0")}}<sup>[1]</sup></td> - <td>{{CompatNo}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}<sup>[1]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - </tr> - <tr> - <td>defer attribute</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>integrity attribute</td> - <td>{{CompatNo}}</td> - <td>{{CompatChrome(45.0)}}</td> - <td>{{CompatGeckoDesktop("43")}}</td> - <td> </td> - <td> </td> - <td> </td> - <td>{{CompatChrome(45.0)}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] In older browsers that don't support the <code>async</code> attribute, parser-inserted scripts block the parser; script-inserted scripts execute asynchronously in IE and WebKit, but synchronously in Opera and pre-4.0 Firefox. In Firefox 4.0, the <code>async</code> DOM property defaults to <code>true</code> for script-created scripts, so the default behavior matches the behavior of IE and WebKit. To request script-inserted external scripts be executed in the insertion order in browsers where the <code>document.createElement("script").async</code> evaluates to <code>true</code> (such as Firefox 4.0), set <code>.async=false</code> on the scripts you want to maintain order. Never call <code>document.write()</code> from an <code>async</code> script. In Gecko 1.9.2, calling <code>document.write()</code> has an unpredictable effect. In Gecko 2.0, calling <code>document.write()</code> from an <code>async</code> script has no effect (other than printing a warning to the error console).</p> - -<p>[2] Starting in Gecko 2.0 {{geckoRelease("2.0")}}, inserting script elements that have been created by calling <code>document.createElement("script")</code> into the DOM no longer enforces execution in insertion order. This change lets Gecko properly abide by the HTML5 specification. To make script-inserted external scripts execute in their insertion order, set <code>.async=false</code> on them.</p> - -<p>Also, {{HTMLElement("script")}} elements inside {{HTMLElement("iframe")}}, {{HTMLElement("noembed")}} and {{HTMLElement("noframes")}} elements are now executed, for the same reasons.</p> - -<p>[3] In versions prior to Internet Explorer 10 Trident implemented <code><script></code> by a proprietary specification. Since version 10 it conforms to the W3C specification.</p> - -<p>[4] The <code>crossorigin</code> attribute was implemented in WebKit in {{WebKitBug(81438)}}.</p> - -<p>[5] {{WebKitBug(148363)}} tracks WebKit implementation of Subresource Integrity (which includes the <code>integrity</code> attribute).</p> - -<h2 id="Ver_también">Ver también</h2> - -<ul> - <li>{{domxref("document.currentScript")}}</li> - <li><a href="http://pieisgood.org/test/script-link-events/">Ryan Grove's <script> and <link> node event compatibility chart</a></li> -</ul> - -<p>{{HTMLRef}}</p> diff --git a/files/es/web/html/elemento/tipos_de_elementos/index.html b/files/es/web/html/elemento/tipos_de_elementos/index.html deleted file mode 100644 index e93752b734..0000000000 --- a/files/es/web/html/elemento/tipos_de_elementos/index.html +++ /dev/null @@ -1,119 +0,0 @@ ---- -title: Tipos de elementos -slug: Web/HTML/Elemento/Tipos_de_elementos -tags: - - HTML - - 'HTML:Elemento' - - Todas_las_Categorías ---- -<p>Los elementos se pueden agrupan de varias manera, aquí ofrecenos las siguientes: formal, estructural y funcional.</p> - -<h2 id="Seg.C3.BAn_el_doctype" name="Seg.C3.BAn_el_doctype">Según el doctype</h2> - -<p>Todo documento HTML debe tener un doctype, en el doctype se indica la dtd que se aplica al documento. La dtd es un archivo que, entre otras cosas, indica qué elementos pueden usarse en el documento, o cuales son sus atributos.</p> - -<p>Los doctypes válidos en HTML 4.01 son tres:</p> - -<h3 id="Para_marcos" name="Para_marcos">Para marcos</h3> - -<pre class="eval"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" - "<a class="external" href="http://www.w3.org/TR/html4/frameset.dtd" rel="freelink">http://www.w3.org/TR/html4/frameset.dtd</a>"> -</pre> - -<p>Con este doctype pueden usarse todos los elementos del html.</p> - -<h3 id="De_transici.C3.B3n" name="De_transici.C3.B3n">De transición</h3> - -<pre class="eval"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" - "<a class="external" href="http://www.w3.org/TR/html4/loose.dtd" rel="freelink">http://www.w3.org/TR/html4/loose.dtd</a>"> -</pre> - -<p>Pueden usarse todos los elementos <strong>menos</strong> los especificos de marcos que son: <a href="/es/docs/HTML/Elemento/frame">frame</a> <a href="/es/docs/HTML/Elemento/frameset">frameset</a></p> - -<h3 id="Estrictos" name="Estrictos">Estrictos</h3> - -<pre class="eval"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" - "<a class="external" href="http://www.w3.org/TR/html4/strict.dtd" rel="freelink">http://www.w3.org/TR/html4/strict.dtd</a>"> -</pre> - -<p>Con este doctype pueden usarse todos los elementos <strong>menos</strong> los específicos de los marcos: <a href="/es/docs/HTML/Elemento/frame">frame</a> <a href="/es/docs/HTML/Elemento/frameset">frameset</a> y los desaprobados: <a href="/es/docs/HTML/Elemento/applet">applet</a> <a href="/es/docs/HTML/Elemento/basefont">basefont</a> <a href="/es/docs/HTML/Elemento/center">center</a> <a href="/es/docs/HTML/Elemento/dir">dir</a> <a href="/es/docs/HTML/Elemento/font">font</a> <a href="/es/docs/HTML/Elemento/isindex">isindex</a> <a href="/es/docs/HTML/Elemento/menu">menu</a> <a href="/es/docs/HTML/Elemento/s">s</a> <a href="/es/docs/HTML/Elemento/strike">strike</a> <a href="/es/docs/HTML/Elemento/u">u</a></p> - -<h2 id="Seg.C3.BAn_su_estructura" name="Seg.C3.BAn_su_estructura">Según su estructura</h2> - -<p>Se dividen en tres grupos: básicos, de cabecera y de cuerpo.</p> - -<h3 id="Los_elementos_b.C3.A1sicos" name="Los_elementos_b.C3.A1sicos">Los elementos básicos</h3> - -<p>Son los elemento que conforman la columna vertebral de un documento html:</p> - -<dl> - <dt>Para un documento normal</dt> - <dd><a href="/es/docs/HTML/Elemento/html">html</a> <a href="/es/docs/HTML/Elemento/head">head</a> <a href="/es/docs/HTML/Elemento/body">body</a></dd> -</dl> - -<dl> - <dt>para uno de marcos</dt> - <dd><a href="/es/docs/HTML/Elemento/html">html</a> <a href="/es/docs/HTML/Elemento/head">head</a> <a href="/es/docs/HTML/Elemento/frameset">frameset</a> <a href="/es/docs/HTML/Elemento/frame">frame</a></dd> -</dl> - -<h3 id="De_cabecera" name="De_cabecera">De cabecera</h3> - -<p>Los de cabecera contienen la información necesaria para el correcto funcionamiento del documento.</p> - -<dl> - <dt>Elementos de cabecera son</dt> - <dd> </dd> - <dd>El obligatorio: <a href="/es/docs/HTML/Elemento/title">title</a></dd> - <dd>Los opcionales: <a href="/es/docs/HTML/Elemento/base">base</a> <a href="/es/docs/HTML/Elemento/meta">meta</a> <a href="/es/docs/HTML/Elemento/link">link</a></dd> - <dd>Los mixtos: <a href="/es/docs/HTML/Elemento/style">style</a> <a href="/es/docs/HTML/Elemento/script">script</a> <a href="/es/docs/HTML/Elemento/object">object</a> y el transicional: <a href="/es/docs/HTML/Elemento/isindex">isindex</a>. Estos elementos pueden actuar como elementos de cabecera y de cuerpo.</dd> -</dl> - -<h3 id="De_cuerpo" name="De_cuerpo">De cuerpo</h3> - -<p>Son los que estructuran el contenido del documento, pueden clasificarse en dos o tres grupos, los que forman parte del flujo del documento, estos son los elementos en bloque y los elementos en línea; y los que no forman parte directa del flujo.</p> - -<h4 id="En_bloque" name="En_bloque">En bloque</h4> - -<dl> - <dt>Elementos en bloque son</dt> - <dd> </dd> - <dd><a href="/es/docs/HTML/Elemento/p">p</a> <a href="/es/docs/HTML/Elemento/dl">dl</a> <a href="/es/docs/HTML/Elemento/div">div</a> <a href="/es/docs/HTML/Elemento/address">address</a> <a href="/es/docs/HTML/Elemento/hr">hr</a> <a href="/es/docs/HTML/Elemento/blockquote">blockquote</a> <a href="/es/docs/HTML/Elemento/form">form</a> <a href="/es/docs/HTML/Elemento/table">table</a> <a href="/es/docs/HTML/Elemento/fieldset">fieldset</a> <a href="/es/docs/HTML/Elemento/pre">pre</a> <a href="/es/docs/HTML/Elemento/noscript">noscript</a> <a href="/es/docs/HTML/Elemento/noframes">noframes</a> Y los transicionales: <a href="/es/docs/HTML/Elemento/center">center</a> <a href="/es/docs/HTML/Elemento/isindex">isindex</a></dd> - <dd>Los elementos de encabezados: <a href="/es/docs/HTML/Elemento/h1">h1</a> <a href="/es/docs/HTML/Elemento/h2">h2</a> <a href="/es/docs/HTML/Elemento/h3">h3</a> <a href="/es/docs/HTML/Elemento/h4">h4</a> <a href="/es/docs/HTML/Elemento/h5">h5</a> <a href="/es/docs/HTML/Elemento/h6">h6</a></dd> - <dd>los elementos para listas: <a href="/es/docs/HTML/Elemento/ul">ul</a> y <a href="/es/docs/HTML/Elemento/ol">ol</a>. Y los transicionales: <a href="/es/docs/HTML/Elemento/dir">dir</a> <a href="/es/docs/HTML/Elemento/menu">menu</a></dd> -</dl> - -<h4 id="En_l.C3.ADnea" name="En_l.C3.ADnea">En línea</h4> - -<dl> - <dt>Elementos en línea son</dt> - <dd> </dd> - <dd>Los elementos de frase: <a href="/es/docs/HTML/Elemento/abbr">abbr</a> <a href="/es/docs/HTML/Elemento/acronym">acronym</a> <a href="/es/docs/HTML/Elemento/cite">cite</a> <a href="/es/docs/HTML/Elemento/code">code</a> <a href="/es/docs/HTML/Elemento/em">em</a> <a href="/es/docs/HTML/Elemento/strong">strong</a> <a href="/es/docs/HTML/Elemento/dfn">dfn</a> <a href="/es/docs/HTML/Elemento/kbd">kbd</a> <a href="/es/docs/HTML/Elemento/samp">samp</a> <a href="/es/docs/HTML/Elemento/var">var</a></dd> - <dd>Los elementos de estilo de fuente: <a href="/es/docs/HTML/Elemento/b">b</a> <a href="/es/docs/HTML/Elemento/big">big</a> <a href="/es/docs/HTML/Elemento/i">i</a> <a href="/es/docs/HTML/Elemento/small">small</a> <a href="/es/docs/HTML/Elemento/tt">tt</a> y los desaprobados: <a href="/es/docs/HTML/Elemento/u">u</a> <a href="/es/docs/HTML/Elemento/s">s</a> <a href="/es/docs/HTML/Elemento/strike">strike</a></dd> - <dd>Los elementos especiales: <a href="/es/docs/HTML/Elemento/a">a</a> <a href="/es/docs/HTML/Elemento/bdo">bdo</a> <a href="/es/docs/HTML/Elemento/br">br</a> <a href="/es/docs/HTML/Elemento/img">img</a> <a href="/es/docs/HTML/Elemento/map">map</a> <a href="/es/docs/HTML/Elemento/object">object</a> <a href="/es/docs/HTML/Elemento/q">q</a> <a href="/es/docs/HTML/Elemento/script">script</a> <a href="/es/docs/HTML/Elemento/span">span</a> <a href="/es/docs/HTML/Elemento/sub">sub</a> <a href="/es/docs/HTML/Elemento/sup">sup</a> y los desaprobados: <a href="/es/docs/HTML/Elemento/applet">applet</a> <a href="/es/docs/HTML/Elemento/font">font</a> <a href="/es/docs/HTML/Elemento/basefont">basefont</a> <a href="/es/docs/HTML/Elemento/iframe">iframe</a></dd> - <dd>Los elementos de controles de formulario: <a href="/es/docs/HTML/Elemento/button">button</a> <a href="/es/docs/HTML/Elemento/input">input</a> <a href="/es/docs/HTML/Elemento/label">label</a> <a href="/es/docs/HTML/Elemento/select">select</a> <a href="/es/docs/HTML/Elemento/textarea">textarea</a></dd> -</dl> - -<h4 id="Ni_en_bloque_ni_en_l.C3.ADnea" name="Ni_en_bloque_ni_en_l.C3.ADnea">Ni en bloque ni en línea</h4> - -<p>Son los elementos que no forman parte del flujo por que son elementos subordinados a otros elementos.</p> - -<dl> - <dt>Elementos subordinados son</dt> - <dd> </dd> - <dd>Subordinados a table: <a href="/es/docs/HTML/Elemento/caption">caption</a> <a href="/es/docs/HTML/Elemento/tr">tr</a> <a href="/es/docs/HTML/Elemento/th">th</a> <a href="/es/docs/HTML/Elemento/td">td</a> <a href="/es/docs/HTML/Elemento/thead">thead</a> <a href="/es/docs/HTML/Elemento/tbody">tbody</a> <a href="/es/docs/HTML/Elemento/tfoot">tfoot</a> <a href="/es/docs/HTML/Elemento/col">col</a> <a href="/es/docs/HTML/Elemento/colgroup">colgroup</a></dd> - <dd>Subordinados de listas: <a href="/es/docs/HTML/Elemento/li">li</a> <a href="/es/docs/HTML/Elemento/dd">dd</a> <a href="/es/docs/HTML/Elemento/dl">dl</a> Subordinados a select son: <a href="/es/docs/HTML/Elemento/optgroup">optgroup</a> <a href="/es/docs/HTML/Elemento/option">option</a></dd> - <dd>Por último, <a href="/es/docs/HTML/Elemento/area">area</a> subordinado a map. <a href="/es/docs/HTML/Elemento/param">param</a> subordinado a object. y <a href="/es/docs/HTML/Elemento/legend">legend</a> subordinado a fieldset.</dd> -</dl> - -<h4 id="En_bloque_y_en_l.C3.ADnea" name="En_bloque_y_en_l.C3.ADnea">En bloque y en línea</h4> - -<p>Los elementos <a href="/es/docs/HTML/Elemento/ins">ins</a> y <a href="/es/docs/HTML/Elemento/del">del</a> pueden ser elementos en línea o en bloque según convenga.</p> - -<h2 id="Seg.C3.BAn_su_funci.C3.B3n" name="Seg.C3.BAn_su_funci.C3.B3n">Según su función</h2> - - -<div class="note"> -<p>Estamos ampliando este documento, posiblemente contenga carencias y defectos. ¡Estamos en obras!... disculpen las molestias.</p> - -<p>¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta <a>Cómo ayudar</a>.</p> -</div> diff --git a/files/es/web/html/formatos_admitidos_de_audio_y_video_en_html5/index.html b/files/es/web/html/formatos_admitidos_de_audio_y_video_en_html5/index.html deleted file mode 100644 index f342f64d11..0000000000 --- a/files/es/web/html/formatos_admitidos_de_audio_y_video_en_html5/index.html +++ /dev/null @@ -1,281 +0,0 @@ ---- -title: Formatos de medios admitidos por los elementos HTML audio y video -slug: Web/HTML/Formatos_admitidos_de_audio_y_video_en_html5 -translation_of: Web/Media/Formats -translation_of_original: Web/HTML/Supported_media_formats ---- -<p>Las etiquetas {{ HTMLElement("audio") }} y {{ HTMLElement("video") }} <span id="result_box" lang="es"><span class="hps">proporcionan apoyo</span> <span class="hps">para la reproducción de</span> <span class="hps">audio</span> <span class="hps">y video</span> <span class="hps">sin necesidad de</span> <span class="atn hps">plug-</span><span>ins.</span> <span class="hps">Codecs</span> <span class="hps">de vídeo</span> <span class="hps">y codecs</span> <span class="hps">de audio</span> <span class="hps">se utilizan para manejar</span> <span class="hps">vídeo y</span> <span class="hps">audio,</span> <span class="hps">y los diferentes</span> <span class="hps">codecs</span> <span class="hps">ofrecen diferentes</span> <span class="hps">niveles de compresión</span> <span class="hps">y calidad.</span> <span class="hps">Un</span> <span class="hps">formato de contenedor</span> <span class="hps">se utiliza para</span> <span class="hps">almacenar y transmitir</span> <span class="hps">el vídeo</span> <span class="hps">y el audio</span> <span class="hps">codificado</span> <span class="hps">juntos.</span> <span class="hps">Muchos</span> <span class="hps">codecs</span> <span class="hps">y formatos</span> <span class="hps">de contenedor</span> <span class="hps">existe</span><span>,</span> <span class="hps">e incluso hay</span> <span class="hps">más combinaciones de</span> <span class="hps">ellos.</span> <span class="hps">Para su uso</span> <span class="hps">en la web,</span> <span class="hps">sólo un puñado de</span> <span class="hps">combinaciones</span> <span class="hps">son relevantes.</span></span></p> - -<p>Diferentes navegadores no soportan los mismos formatos para audio y video en HTML5, principalmente debido a problemas de patentes. El área de formatos de medios en la web ha sufrido mucho por la ley de patentes en muchos paises, incluyendo EE.UU y la UE (La memoria de las patentes en este articulo se proporciona tal cual y sin ningun tipo de garantia.)</p> - -<p><span id="result_box" lang="es"><span class="hps">Para hacer</span> <span class="hps">un vídeo de</span> <span class="hps">HTML5</span><span>, que</span> <span class="hps">trabaja en</span> <span class="hps">las nuevas versiones de</span> <span class="hps">los principales navegadores</span><span>, puede</span> <span class="hps">usar el elemento {{HTMLElement("source")}} para reproducir</span> <span class="hps">en formatos WebM</span> o el formato <span class="hps">AAC</span> <span class="hps">MPEG</span> <span class="hps">H.264,</span> <span class="hps">usando el</span> <span class="hps">elemento de origen</span> <span class="hps">de esta manera:</span></span></p> - -<pre class="brush: html"><video controls> - <source src="somevideo.webm" type="video/webm"> - <source src="somevideo.mp4" type="video/mp4"> - I'm sorry; your browser doesn't support HTML5 video. - <!-- You can embed a Flash player here, to play your mp4 video in older browsers --> -</video> -</pre> - -<h3 id="WebM">WebM</h3> - -<p><span id="result_box" lang="es"><span class="hps">El formato</span> <a href="http://www.webmproject.org/" title="http://www.webmproject.org/"><span class="hps">WebM</span></a> <span class="hps">se basa en</span> <span class="hps">una versión restringida</span> <span class="hps">del</span> <span class="hps">formato contenedor</span> <span class="hps">Matroska</span><span>.</span> <span class="hps">Siempre</span> <span class="hps">utiliza</span> <span class="hps">el códec de vídeo</span> <span class="hps">VP8</span> <span class="hps">y</span> <span class="hps">el códec de audio</span> <span class="hps">Vorbis</span><span>.</span> <span class="hps">WebM</span> <span class="hps">es</span> <span class="hps">soportado nativamente</span> <span class="hps">en</span> <span class="hps">Gecko</span> <span class="atn hps">(</span><span>Firefox)</span><span>, Chrome</span> <span class="hps">y</span> <span class="hps">Opera,</span> <span class="hps">y el</span> <span class="hps">soporte para el formato</span> <span class="hps">se puede agregar a</span> <span class="hps">Internet</span> <span class="hps">Explorer y</span> <span class="hps">Safari</span> <span class="hps">mediante la instalación de</span> <span class="hps">un add</span><span>-on</span><span>.</span></span></p> - -<p><a href="http://blogs.msdn.com/b/ie/archive/2011/02/02/html5-and-web-video-questions-for-the-industry-from-the-community.aspx" title="http://blogs.msdn.com/b/ie/archive/2011/02/02/html5-and-web-video-questions-for-the-industry-from-the-community.aspx"><span id="result_box" lang="es"><span class="hps">Declaración</span> <span class="hps">de</span> <span class="hps">Microsoft</span> <span class="hps">sobre por qué</span> <span class="hps">IE9</span> <span class="hps">no tiene soporte</span> <span class="hps">WebM</span> <span class="hps">nativo.</span></span></a></p> - -<p><span id="result_box" lang="es"><span class="hps">El formato</span> <span class="hps">WebM</span><span>,</span> <span class="hps">específicamente</span> <span class="hps">el códec de vídeo</span> <span class="hps">VP8</span><span>,</span> <span class="alt-edited hps">habría</span> sido <span class="alt-edited hps">acusado</span> <span class="hps">de</span> <span class="hps">infracción de derechos de</span> <span class="hps">patente</span> <span class="hps">por un grupo de</span> <span class="hps">empresas de</span> <span class="hps">responder a una llamada</span> <span class="hps">por la</span> <span class="hps">MPEG</span> <span class="hps">LA</span> <span class="hps">para la formación de</span> <span class="hps">un consorcio de patentes</span><span>, pero</span> <a href="http://www.businesswire.com/news/home/20130307006192/en/Google-MPEG-LA-Announce-Agreement-Covering-VP8" title="http://www.businesswire.com/news/home/20130307006192/en/Google-MPEG-LA-Announce-Agreement-Covering-VP8"><span class="hps">MPEG</span> <span class="hps">LA</span> <span class="hps">se ha comprometido a</span> <span class="hps">licenciar</span> <span class="hps">las patentes</span> <span class="hps">de</span> <span class="hps">Google</span></a> <span class="hps">bajo</span> <span class="atn hps">"</span><a href="http://www.businesswire.com/news/home/20130307006192/en/Google-MPEG-LA-Announce-Agreement-Covering-VP8" title="http://www.businesswire.com/news/home/20130307006192/en/Google-MPEG-LA-Announce-Agreement-Covering-VP8"><span class="hps">transferible y de licencia gratuita</span></a><span class="atn hps">"</span><span>.</span> <span class="hps">Esto significa,</span> <span class="hps">efectivamente</span><span>,</span> <span class="hps">que todas las patentes</span> <span class="hps">conocidas en</span> <span class="hps">el formato</span> <span class="hps">WebM</span> <span class="hps">tienen licencia</span> <span class="hps">para todo el mundo</span> <span class="hps">de forma gratuita.</span></span></p> - -<p><span id="result_box" lang="es"><span class="hps">Gecko</span> <span class="hps">reconoce los siguientes</span> <span class="hps">tipos MIME</span> <span class="hps">para los archivos WebM:</span></span></p> - -<dl> - <dt><code>video/webm</code></dt> - <dd>Un archivo WebM que es capaz de reproducir video (y es posible audio también)</dd> - <dt><code>audio/webm</code></dt> - <dd>Un archivo WebM que contiene audio unicamente.</dd> -</dl> - -<h3 id="Ogg_Theora_Vorbis">Ogg Theora Vorbis</h3> - -<p><span id="result_box" lang="es"><span class="hps">El</span> <span class="hps">formato contenedor</span> <span class="hps">Ogg</span> <span class="hps">con</span> <span class="hps">el códec de vídeo</span> <span class="hps">Theora</span> <span class="hps">y</span> <span class="hps">el códec de audio</span> <span class="hps">Vorbis</span> <span class="hps">es compatible con</span> <span class="hps">Gecko</span> <span class="atn hps">(</span><span>Firefox)</span><span>, Chrome</span> <span class="hps">y</span> <span class="hps">Opera,</span> <span class="hps">y el</span> <span class="hps">soporte para el formato</span> <span class="hps">se puede agregar a</span> <span class="hps">Safari</span> <span class="hps">mediante la instalación de</span> <span class="hps">un add</span><span>-on</span><span>.</span> <span class="hps">El formato no</span> <span class="hps">es compatible en Internet</span> <span class="hps">Explorer.</span></span></p> - -<p><span id="result_box" lang="es"><span class="hps">WebM</span> <span class="alt-edited hps">es preferente</span>, <span class="hps">generalmente sobre</span> <span class="hps">Theora</span> <span class="hps">Ogg</span> <span class="hps">Vorbis</span> <span class="hps">cuando esté disponible</span></span><span id="result_box" lang="es"><span>,</span> <span class="hps">ya que proporciona</span> <span class="hps">una mejor</span> <span class="hps">relación de</span> <span class="hps">compresión para</span> <span class="hps">la calidad</span> <span class="hps">y</span> <span class="hps">se apoya</span> <span class="hps">en</span> <span class="hps">más navegadores</span><span>.</span> <span class="hps">El formato</span> <span class="hps">Ogg</span> <span class="hps">sin embargo, puede</span> <span class="hps">ser utilizado para apoyar</span> <span class="hps">versiones de los navegadores</span> <span class="hps">más antiguos</span><span>, en los que</span> <span class="hps">aún no</span> <span class="hps">se dispone de</span> <span class="hps">soporte para</span> <span class="hps">WebM</span><span>.</span></span></p> - -<p><span id="result_box" lang="es"><span class="hps">La</span> <span class="hps">situación de las patentes</span> <span class="hps">de</span> <span class="hps">Theora</span> <span class="hps">es</span> <span class="hps">similar a la de</span> <span class="hps">WebM</span><span>.</span></span></p> - -<p><span id="result_box" lang="es"><span class="hps">Usted puede aprender</span> <span class="hps">más sobre la creación</span> <span class="hps">de medios</span> <span class="hps">Ogg</span> <span class="hps">leyendo </span></span><a class="external" href="http://en.flossmanuals.net/ogg-theora/" title="http://en.flossmanuals.net/ogg-theora/">the Theora Cookbook</a>.</p> - -<p>Gecko reconoce los siguientes tipos de MIME para el archivo Ogg:</p> - -<dl> - <dt><code>audio/ogg</code></dt> - <dd><span class="short_text" id="result_box" lang="es"><span class="hps">Un archivo</span> <span class="hps">Ogg</span> <span class="hps">que contiene sólo</span> <span class="hps">audio.</span></span></dd> - <dt><code>video/ogg</code></dt> - <dd><span id="result_box" lang="es"><span class="hps">Un video</span> <span class="hps">que contiene</span> <span class="hps">el archivo</span> <span class="hps">ogg</span> <span class="hps">(y posiblemente </span><span class="hps">audio también)</span><span>.</span></span></dd> - <dt><code>application/ogg</code></dt> - <dd><span id="result_box" lang="es"><span class="hps">Un archivo</span> <span class="hps">Ogg</span> <span class="hps">con el contenido</span> <span class="hps">especificado.</span> <span class="hps">Utilizando uno de</span> <span class="hps">los otros dos tipos</span> <span class="hps">MIME</span> <span class="hps">es</span> <span class="hps">preferido</span><span>,</span> <span class="hps">pero se puede usar</span> <span class="hps">esta opción si</span> <span class="hps">usted no sabe</span> <span class="hps">lo que</span> <span class="hps">el contenido</span> <span class="hps">del fichero es</span></span>.</dd> -</dl> - -<h3 id="Ogg_Opus">Ogg Opus</h3> - -<p><span id="result_box" lang="es"><span class="hps">El contenedor</span> <span class="hps">Ogg</span> <span class="hps">también puede contener</span> <span class="hps">audio codificado</span> <span class="hps">con el <a href="http://www.opus-codec.org/" title="http://www.opus-codec.org/">códec</a></span><a href="http://www.opus-codec.org/" title="http://www.opus-codec.org/"> <span class="hps">Opus</span><span>.</span></a> <span class="hps">El apoyo a esta</span> <span class="hps">disponible en</span></span> Gecko 15.0 {{ geckoRelease("15.0") }} y superior.</p> - -<h3 id="MP4_H.264_(AAC_o_MP3)">MP4 H.264 (AAC o MP3)</h3> - -<p><span id="result_box" lang="es"><span class="hps">El</span> <span class="hps">formato contenedor</span> <span class="hps">MP4</span> <span class="hps">con</span> <span class="hps">el códec de vídeo</span> <span class="hps">H.264</span> <span class="hps">y, o bien</span> <span class="hps">el códec de audio</span> <span class="hps">AAC</span> <span class="hps">o</span> <span class="hps">el códec de audio</span> <span class="hps">MP3</span> <span class="alt-edited hps">es</span> <span class="alt-edited hps">nativamente</span> <span class="hps">compatible con</span> <span class="hps">Internet</span> <span class="hps">Explorer,</span> <span class="hps">Safari</span> <span class="hps">y</span> <span class="hps">Chrome,</span> pero <span class="hps">Chromium y</span> <span class="hps">Opera</span> <span class="hps">no son compatibles con</span> <span class="hps">el formato</span><span>.</span> <span class="hps">Firefox</span> <span class="hps">pronto</span> <span class="hps">admite el formato</span><span>, pero sólo cuando</span> <span class="hps">un decodificador</span> <span class="hps">de terceros</span> <span class="hps">esté disponible.</span></span></p> - -<p><span id="result_box" lang="es"><span class="hps">Los</span> <span class="hps">formatos</span> <span class="hps">MPEG</span> <span class="hps">están cubiertos por</span> <span class="hps">patentes, que</span> <span class="hps">no tienen licencia</span> <span class="hps">libre</span><span>.</span> <span class="hps">Todas</span> <span class="hps">las licencias necesarias</span> <span class="hps">se pueden comprar de</span> <span class="hps">MPEG</span> <span class="hps">LA.</span> <span class="hps">Desde</span> <span class="hps">H.264</span> <span class="hps">no está en</span> <span class="hps">un formato</span> <span class="hps">libre de</span> <span class="hps">regalías,</span> <span class="hps">no es apto</span> <span class="hps">para la plataforma</span> <span class="hps">web de código abierto</span><span>, de acuerdo con</span> <span class="hps">Mozilla</span> <span class="atn hps">[</span><a href="http://shaver.off.net/diary/2010/01/23/html5-video-and-codecs/" title="http://shaver.off.net/diary/2010/01/23/html5-video-and-codecs/"><span>1</span></a><span>,</span> <a href="http://robert.ocallahan.org/2010/01/video-freedom-and-mozilla_23.html" title="http://robert.ocallahan.org/2010/01/video-freedom-and-mozilla_23.html"><span class="hps">2</span></a><span>]</span><span>,</span> <span class="hps">Google</span> <span class="atn hps">[</span><a href="http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html" title="http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html"><span>1</span></a><span>,</span> <a href="http://blog.chromium.org/2011/01/more-about-chrome-html-video-codec.html" title="http://blog.chromium.org/2011/01/more-about-chrome-html-video-codec.html"><span class="hps">2</span></a><span>]</span> <span class="hps">y Opera.</span> <span class="hps">Sin embargo, los</span> <span class="hps">formatos libres</span> <span class="hps">no son compatibles con</span> <span class="hps">Internet</span> <span class="hps">Explorer y</span> <span class="hps">Safari</span><span>, <a href="https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/" title="https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/">Mozilla</a></span><a href="https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/" title="https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/"> <span class="hps">ha decidido apoyar</span> <span class="hps">el formato de</span> </a><span class="hps"><a href="https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/" title="https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/">todos modos</a>, y</span> <span class="hps">Google</span> <span class="hps">no</span> <span class="hps">cumplió</span> <span class="hps">su promesa de</span> <span class="hps">eliminar el soporte</span> <span class="hps">para él en</span> <span class="hps">Chrome.</span></span></p> - -<h3 id="WAVE_PCM">WAVE PCM</h3> - -<p>El formato contenedor WAVE, con el códec de audio PCM (WAVE codec "1") con el apoyo de Gecko (Firefox), y Safari. Archivos en el formato contenedor WAVE normalmente terminan con la extensión ". wav".</p> - -<div class="note"><strong>Nota: </strong><span class="short_text" id="result_box" lang="es"><span class="hps">Consulte</span> <a href="http://www.rfc-editor.org/rfc/rfc2361.txt" title="http://www.rfc-editor.org/rfc/rfc2361.txt"><span class="hps">RFC</span> <span class="hps">2361</span></a> <span class="hps">para</span> <span class="hps">el registro</span> <span class="hps">códec</span> <span class="hps">WAVE</span><span>.</span></span></div> - -<p><span id="result_box" lang="es"><span class="hps">Gecko</span> <span class="hps">reconoce los siguientes</span> <span class="hps">tipos MIME</span> <span class="alt-edited hps">en archivos de audio</span> <span class="hps">WAVE</span><span>:</span></span></p> - -<ul> - <li><code>audio/wave</code> (preferido)</li> - <li><code>audio/wav</code></li> - <li><code>audio/x-wav</code></li> - <li><code>audio/x-pn-wav</code></li> -</ul> - -<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>3.0</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>9.0</td> - <td>10.50</td> - <td>3.1</td> - </tr> - <tr> - <td><code><audio></code>: WAVE, PCM</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>3.1</td> - </tr> - <tr> - <td><code><audio></code>: WebM, Vorbis</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("2.0") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.60</td> - <td>3.1 (must be installed separately)</td> - </tr> - <tr> - <td><code><audio></code>: Ogg, Vorbis</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.50</td> - <td>3.1 (must be installed separately, e.g. <a class="external" href="http://www.xiph.org/quicktime/" title="http://www.xiph.org/quicktime/">XiphQT</a>)</td> - </tr> - <tr> - <td><code><audio></code>: MP4, MP3</td> - <td> - <p>{{ CompatVersionUnknown() }} (Not in Chromium)</p> - </td> - <td> - <p>Partial (see below)</p> - </td> - <td>9.0</td> - <td>{{ CompatNo() }}</td> - <td>3.1</td> - </tr> - <tr> - <td><code><audio></code>: MP4, AAC</td> - <td> - <p>{{ CompatVersionUnknown() }} (Main only) (Not in Chromium)</p> - </td> - <td> - <p>Partial (see below)</p> - </td> - <td>9.0</td> - <td>{{ CompatNo() }}</td> - <td>3.1</td> - </tr> - <tr> - <td><code><audio></code>: Ogg, Opus</td> - <td>27.0</td> - <td>{{ CompatGeckoDesktop("15.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><video></code>: WebM, VP8, Vorbis</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("2.0") }}</td> - <td>9.0 (<a class="external" href="http://blogs.msdn.com/b/ie/archive/2011/03/16/html5-video-update-webm-for-ie9.aspx" title="http://blogs.msdn.com/b/ie/archive/2011/03/16/html5-video-update-webm-for-ie9.aspx">must be installed separately</a>, e.g. <a class="external" href="http://tools.google.com/dlpage/webmmf/" title="http://tools.google.com/dlpage/webmmf/">WebM MF</a>)</td> - <td>10.60</td> - <td>3.1 (must be installed separately, e.g. <a class="external" href="http://perian.org/" title="http://perian.org/">Perian</a>)</td> - </tr> - <tr> - <td><code><video></code>: Ogg, Theora, Vorbis</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.50</td> - <td>3.1 (must be installed separately, e.g. <a class="external" href="http://www.xiph.org/quicktime/" title="http://www.xiph.org/quicktime/">XiphQT</a>)</td> - </tr> - <tr> - <td><code><video></code>: MP4, H.264, MP3</td> - <td> - <p>{{ CompatVersionUnknown() }} (Not in Chromium)</p> - </td> - <td>Partial (see below)</td> - <td>9.0</td> - <td>{{ CompatNo() }}</td> - <td>3.1</td> - </tr> - <tr> - <td><code><video></code>: MP4, H.264, AAC</td> - <td> - <p>{{ CompatVersionUnknown() }} (Not in Chromium)</p> - </td> - <td>Partial (see below)</td> - <td>9.0</td> - <td>{{ CompatNo() }}</td> - <td>3.1</td> - </tr> - <tr> - <td>any other format</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>3.1 (plays all formats available via QuickTime)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p><span id="result_box" lang="es"><span class="hps">Para evitar</span> <span class="hps">problemas de patentes</span><span>, el apoyo a</span> <span class="hps">MPEG</span> <span class="hps">4</span><span>, H.264</span><span>, MP3</span> <span class="hps">y</span> <span class="hps">AAC</span> <span class="hps">no</span> <span class="hps">está integrado directamente en</span> <span class="hps">Firefox.</span> <span class="hps">En su lugar,</span> <span class="hps">se basa en</span> <span class="hps">el apoyo del</span> <span class="hps">sistema operativo o</span> <span class="hps">hardware.</span> <span class="hps">Firefox</span> <span class="hps">soporta</span> <span class="hps">estos formatos</span> <span class="hps">en las siguientes plataformas</span><span>:</span></span></p> - -<table class="standard-table" style="height: 159px; width: 285px;"> - <thead> - <tr> - <th scope="col">Plataforma</th> - <th scope="col">Versión de Firefox</th> - </tr> - </thead> - <tbody> - <tr> - <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=799315" title="https://bugzilla.mozilla.org/show_bug.cgi?id=799315">Windows 7+</a></td> - <td>21.0</td> - </tr> - <tr> - <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=825153" title="https://bugzilla.mozilla.org/show_bug.cgi?id=825153">Windows Vista</a></td> - <td>22.0</td> - </tr> - <tr> - <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=748351" title="https://bugzilla.mozilla.org/show_bug.cgi?id=748351">Android</a></td> - <td>20.0</td> - </tr> - <tr> - <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=714408" title="https://bugzilla.mozilla.org/show_bug.cgi?id=714408">Firefox OS</a></td> - <td>15.0</td> - </tr> - <tr> - <td>OS X 10.7</td> - <td>22.0</td> - </tr> - </tbody> -</table> - -<ul> - <li><a class="external" href="http://dev.opera.com/articles/view/introduction-html5-video/#codecs" title="http://dev.opera.com/articles/view/introduction-html5-video/#codecs">Video codecs in Opera</a></li> - <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff975073%28v=VS.85%29.aspx" title="http://msdn.microsoft.com/en-us/library/ff975073%28v=VS.85%29.aspx">Video codecs in Internet Explorer</a></li> - <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff975061%28v=vs.85%29.aspx" title="http://msdn.microsoft.com/en-us/library/ff975061%28v=vs.85%29.aspx">Audio codecs in Internet Explorer</a></li> - <li><a href="http://www.chromium.org/audio-video" title="http://www.chromium.org/audio-video">Audio & Video codecs in Chrome</a></li> -</ul> - -<h2 id="Véase_también">Véase también</h2> - -<ul> - <li><a class="internal" href="/en/Using_HTML5_audio_and_video" title="En/Using audio and video in Firefox">Using audio and video in Firefox</a></li> - <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#media-elements" title="http://www.whatwg.org/specs/web-apps/current-work/#media-elements">Media elements</a> (HTML 5 specification)</li> - <li><code><a class="internal" href="/en/HTML/Element/Video" title="En/HTML/Element/Video">video</a></code></li> - <li><a class="internal" href="/en/HTML/Element/Audio" title="En/HTML/Element/Audio"><code>audio</code></a></li> -</ul> diff --git a/files/es/web/html/atributos_globales/accesskey/index.html b/files/es/web/html/global_attributes/accesskey/index.html index cb8bbcc16c..cb8bbcc16c 100644 --- a/files/es/web/html/atributos_globales/accesskey/index.html +++ b/files/es/web/html/global_attributes/accesskey/index.html diff --git a/files/es/web/html/atributos_globales/autocapitalize/index.html b/files/es/web/html/global_attributes/autocapitalize/index.html index d1f8fc446c..d1f8fc446c 100644 --- a/files/es/web/html/atributos_globales/autocapitalize/index.html +++ b/files/es/web/html/global_attributes/autocapitalize/index.html diff --git a/files/es/web/html/atributos_globales/class/index.html b/files/es/web/html/global_attributes/class/index.html index ba82c66e65..ba82c66e65 100644 --- a/files/es/web/html/atributos_globales/class/index.html +++ b/files/es/web/html/global_attributes/class/index.html diff --git a/files/es/web/html/atributos_globales/contenteditable/index.html b/files/es/web/html/global_attributes/contenteditable/index.html index 9db8119af2..9db8119af2 100644 --- a/files/es/web/html/atributos_globales/contenteditable/index.html +++ b/files/es/web/html/global_attributes/contenteditable/index.html diff --git a/files/es/web/html/atributos_globales/contextmenu/index.html b/files/es/web/html/global_attributes/contextmenu/index.html index 9cc32f7ace..9cc32f7ace 100644 --- a/files/es/web/html/atributos_globales/contextmenu/index.html +++ b/files/es/web/html/global_attributes/contextmenu/index.html diff --git a/files/es/web/html/atributos_globales/data-_star_/index.html b/files/es/web/html/global_attributes/data-_star_/index.html index 436b156299..436b156299 100644 --- a/files/es/web/html/atributos_globales/data-_star_/index.html +++ b/files/es/web/html/global_attributes/data-_star_/index.html diff --git a/files/es/web/html/atributos_globales/dir/index.html b/files/es/web/html/global_attributes/dir/index.html index 4bcd43eb40..4bcd43eb40 100644 --- a/files/es/web/html/atributos_globales/dir/index.html +++ b/files/es/web/html/global_attributes/dir/index.html diff --git a/files/es/web/html/atributos_globales/draggable/index.html b/files/es/web/html/global_attributes/draggable/index.html index 2aee2d8443..2aee2d8443 100644 --- a/files/es/web/html/atributos_globales/draggable/index.html +++ b/files/es/web/html/global_attributes/draggable/index.html diff --git a/files/es/web/html/atributos_globales/hidden/index.html b/files/es/web/html/global_attributes/hidden/index.html index bc29d88b5a..bc29d88b5a 100644 --- a/files/es/web/html/atributos_globales/hidden/index.html +++ b/files/es/web/html/global_attributes/hidden/index.html diff --git a/files/es/web/html/atributos_globales/id/index.html b/files/es/web/html/global_attributes/id/index.html index 3dd947cf27..3dd947cf27 100644 --- a/files/es/web/html/atributos_globales/id/index.html +++ b/files/es/web/html/global_attributes/id/index.html diff --git a/files/es/web/html/atributos_globales/index.html b/files/es/web/html/global_attributes/index.html index 86769245c6..86769245c6 100644 --- a/files/es/web/html/atributos_globales/index.html +++ b/files/es/web/html/global_attributes/index.html diff --git a/files/es/web/html/atributos_globales/is/index.html b/files/es/web/html/global_attributes/is/index.html index aa57cab27d..aa57cab27d 100644 --- a/files/es/web/html/atributos_globales/is/index.html +++ b/files/es/web/html/global_attributes/is/index.html diff --git a/files/es/web/html/atributos_globales/itemid/index.html b/files/es/web/html/global_attributes/itemid/index.html index 72ce64456e..72ce64456e 100644 --- a/files/es/web/html/atributos_globales/itemid/index.html +++ b/files/es/web/html/global_attributes/itemid/index.html diff --git a/files/es/web/html/atributos_globales/itemprop/index.html b/files/es/web/html/global_attributes/itemprop/index.html index 232af938aa..232af938aa 100644 --- a/files/es/web/html/atributos_globales/itemprop/index.html +++ b/files/es/web/html/global_attributes/itemprop/index.html diff --git a/files/es/web/html/atributos_globales/itemref/index.html b/files/es/web/html/global_attributes/itemref/index.html index 9dac55140b..9dac55140b 100644 --- a/files/es/web/html/atributos_globales/itemref/index.html +++ b/files/es/web/html/global_attributes/itemref/index.html diff --git a/files/es/web/html/atributos_globales/itemscope/index.html b/files/es/web/html/global_attributes/itemscope/index.html index b57fc1c6bc..b57fc1c6bc 100644 --- a/files/es/web/html/atributos_globales/itemscope/index.html +++ b/files/es/web/html/global_attributes/itemscope/index.html diff --git a/files/es/web/html/atributos_globales/lang/index.html b/files/es/web/html/global_attributes/lang/index.html index dcea33a66f..dcea33a66f 100644 --- a/files/es/web/html/atributos_globales/lang/index.html +++ b/files/es/web/html/global_attributes/lang/index.html diff --git a/files/es/web/html/atributos_globales/slot/index.html b/files/es/web/html/global_attributes/slot/index.html index ed2b8688db..ed2b8688db 100644 --- a/files/es/web/html/atributos_globales/slot/index.html +++ b/files/es/web/html/global_attributes/slot/index.html diff --git a/files/es/web/html/atributos_globales/spellcheck/index.html b/files/es/web/html/global_attributes/spellcheck/index.html index c6ced2de46..c6ced2de46 100644 --- a/files/es/web/html/atributos_globales/spellcheck/index.html +++ b/files/es/web/html/global_attributes/spellcheck/index.html diff --git a/files/es/web/html/atributos_globales/style/index.html b/files/es/web/html/global_attributes/style/index.html index 1da99e039b..1da99e039b 100644 --- a/files/es/web/html/atributos_globales/style/index.html +++ b/files/es/web/html/global_attributes/style/index.html diff --git a/files/es/web/html/atributos_globales/tabindex/index.html b/files/es/web/html/global_attributes/tabindex/index.html index 2159639208..2159639208 100644 --- a/files/es/web/html/atributos_globales/tabindex/index.html +++ b/files/es/web/html/global_attributes/tabindex/index.html diff --git a/files/es/web/html/atributos_globales/title/index.html b/files/es/web/html/global_attributes/title/index.html index ab8e0dd92f..ab8e0dd92f 100644 --- a/files/es/web/html/atributos_globales/title/index.html +++ b/files/es/web/html/global_attributes/title/index.html diff --git a/files/es/web/html/atributos_globales/translate/index.html b/files/es/web/html/global_attributes/translate/index.html index 5182acec3c..5182acec3c 100644 --- a/files/es/web/html/atributos_globales/translate/index.html +++ b/files/es/web/html/global_attributes/translate/index.html diff --git a/files/es/web/html/atributos_globales/x-ms-acceleratorkey/index.html b/files/es/web/html/global_attributes/x-ms-acceleratorkey/index.html index 26cf4a2599..26cf4a2599 100644 --- a/files/es/web/html/atributos_globales/x-ms-acceleratorkey/index.html +++ b/files/es/web/html/global_attributes/x-ms-acceleratorkey/index.html diff --git a/files/es/web/html/índice/index.html b/files/es/web/html/index/index.html index 5beb1776d4..5beb1776d4 100644 --- a/files/es/web/html/índice/index.html +++ b/files/es/web/html/index/index.html diff --git a/files/es/web/html/elementos_en_línea/index.html b/files/es/web/html/inline_elements/index.html index 192715aef3..192715aef3 100644 --- a/files/es/web/html/elementos_en_línea/index.html +++ b/files/es/web/html/inline_elements/index.html diff --git a/files/es/web/html/la_importancia_de_comentar_correctamente/index.html b/files/es/web/html/la_importancia_de_comentar_correctamente/index.html deleted file mode 100644 index f110fc9851..0000000000 --- a/files/es/web/html/la_importancia_de_comentar_correctamente/index.html +++ /dev/null @@ -1,66 +0,0 @@ ---- -title: La importancia de comentar correctamente -slug: Web/HTML/La_importancia_de_comentar_correctamente -tags: - - HTML - - Todas_las_Categorías - - XHTML - - XML -translation_of: Learn/HTML/Introduction_to_HTML/Getting_started#HTML_comments -translation_of_original: Web/Guide/HTML/The_Importance_of_Correct_HTML_Commenting ---- -<p> </p> -<p><br> - Cuando escribimos HTML en <a class="external" href="http://www.mozilla.org/docs/web-developer/quirks/doctypes.html">modo estándar</a>, los comentarios mal formados pueden romper las páginas, causando que los contenidos del documento sean parcial o totalmente comentados. Al escribir XHTML o XML, los comentarios incorrectos darán lugar a que sus documentos no puedan ser mostrados.</p> -<h3 id="HTML_4.01" name="HTML_4.01">HTML 4.01</h3> -<p> - <i> - De la <a class="external" href="http://html.conclase.net/w3c/html401-es/intro/sgmltut.html#h-3.2.4">Recomendación del W3C HTML 4.01 Sección 3.2.4 - Comentarios</a>:</i> -</p> -<blockquote> - No se permite espacio en blanco entre el delimitador de apertura de declaración de etiqueta ("<!") y el delimitador de apertura de comentario ("--"), pero sí se permite entre el delimitador de cierre de comentario ("--" y el delimitador de cierre de declaración de etiqueta (">"). Un error común es incluir una cadena de guiones ("---") dentro de un comentario. Los autores deberían evitar *poner dos o más guiones adyacentes dentro de un comentario.</blockquote> -<h4 id="Ejemplos" name="Ejemplos">Ejemplos</h4> -<p>Los siguientes son comentarios válidos en HTML.</p> -<pre class="eval"><!-- comentario html válido --> -<!-- comentario html válido -- > -</pre> -<p>El siguiente no es un comentario válido en HTML.</p> -<pre class="eval"><!-- comentario html -- no válido --> -</pre> -<h3 id="XML" name="XML">XML</h3> -<p> - <i> - De la <a class="external" href="http://www.sidar.org/recur/desdi/traduc/es/xml/xml1/index.html#sec-comments">Recomendación del W3C XML 1.0 Sección 2.5 - Comentarios</a>:</i> -</p> -<blockquote> - {{ mediawiki.external('Definición: Los comentarios pueden aparecer en cualquier lugar de un documento fuera de otras marcas; Adicionalmente pueden aparecer en lugares permitidos por la gramática. No son parte de los datos de caracter de un documento; un procesador de XML puede, pero no tiene que, hacer posible que la aplicación recupere el texto de comentarios.') }} Por compatibilidad, la cadena "--" (doble guión) no debe ocurrir dentro de comentarios. - <pre>[15] Comment ::= '<!--' ((Char - '-') | ('-' (Char - '-')))* '-->' -</pre> -</blockquote> -<p>Según lo descrito en la gramática de XML sobre comentarios, un comentario tiene la siguiente forma:</p> -<pre class="eval"><!-- cualquier letra o signo, menos guiones seguidos --> -</pre> -<h4 id="Ejemplos_2" name="Ejemplos_2">Ejemplos</h4> -<p>El siguiente es un comentario válido en XML y XHTML.</p> -<pre class="eval"><!-- comentario xml/xhtml válido --> -</pre> -<p>Los siguientes son comentarios no válidos en XML y XHTML.</p> -<pre class="eval"><!-- comentario xml -- no válido --> -<!-- comentario xml no válido ---> -<!-- comentario xml no válido -- > -</pre> -<h3 id="Otras_lecturas" name="Otras_lecturas">Otras lecturas</h3> -<ul> - <li><a class="external" href="http://html.conclase.net/w3c/html401-es/intro/sgmltut.html#h-3.2.4">Recomendación HTML 4.01: 3.2.4 - Comentarios</a></li> - <li><a class="external" href="http://www.sidar.org/recur/desdi/traduc/es/xml/xml1/index.html#sec-comments">Recomendación XML: 2.5 - Comentarios</a></li> - <li><a class="external" href="http://bugzilla.mozilla.org/show_bug.cgi?id=144432">Bugzilla bug 144432</a></li> - <li><a class="external" href="http://bugzilla.mozilla.org/show_bug.cgi?id=102127">Bugzilla bug 102127</a></li> -</ul> -<div class="originaldocinfo"> - <h3 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h3> - <ul> - <li>Last Updated Date: May 19th, 2003</li> - <li>Copyright © 2001-2003 Netscape. All rights reserved.</li> - </ul> -</div> -<p> </p> diff --git a/files/es/web/html/tipos_de_enlaces/index.html b/files/es/web/html/link_types/index.html index 9cfc5089d5..9cfc5089d5 100644 --- a/files/es/web/html/tipos_de_enlaces/index.html +++ b/files/es/web/html/link_types/index.html diff --git a/files/es/web/html/microdatos/index.html b/files/es/web/html/microdata/index.html index 33e73cdb0d..33e73cdb0d 100644 --- a/files/es/web/html/microdatos/index.html +++ b/files/es/web/html/microdata/index.html diff --git a/files/es/web/html/microformatos/index.html b/files/es/web/html/microformats/index.html index 6dd963a227..6dd963a227 100644 --- a/files/es/web/html/microformatos/index.html +++ b/files/es/web/html/microformats/index.html diff --git a/files/es/web/html/optimizing_your_pages_for_speculative_parsing/index.html b/files/es/web/html/optimizing_your_pages_for_speculative_parsing/index.html deleted file mode 100644 index 6509450cf9..0000000000 --- a/files/es/web/html/optimizing_your_pages_for_speculative_parsing/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: Optimizar sus páginas para análisis especulativo -slug: Web/HTML/Optimizing_your_pages_for_speculative_parsing -tags: - - Avanzado - - Desarrollo web - - HTML - - HTML5 -translation_of: Glossary/speculative_parsing ---- -<p><span class="seoSummary">Tradicionalmente en los navegadores el analizador de HTML corre en el hilo de ejecución principal y se queda bloqueado después de una etiqueta </script> hasta que el código se haya recuperado y ejecutado. El analizador de HTML de Firefox 4 y posteriores soporta análisis especulativo fuera del hilo de ejecución principal. Este analiza anticipadamente mientras el codigo está siendo descargado y ejecutado. Como en Firefox 3.5 y 3.6, el analizador de HTML es el que inicia la carga especulativa de código, las hojas de estilos y las imagenes que va encontrando en el flujo de la página. Sin embargo en Firefox 4 y posteriores el analizador de HTML también ejecuta el algoritmo especulativo de la construcción del árbol HTML. La ventaja es que cuando lo especulado tiene exito, no hay necesidad de reanalizar la parte del archivo de entrada que ya fue analizada junto la descarga de código, hojas de estilo y las imágenes. La desventaja es que se ha realizado un trabajo inútil cuando la especulación fracasa.</span></p> - -<p>Este documento le ayuda a evitar este tipo de situaciones que hacen que la especulación falle y ralentize la carga de la página.</p> - -<h2 id="Haciendo_cargas_especulativas_exitosas">Haciendo cargas especulativas exitosas</h2> - -<p>Hay solo una regla para hacer cargas especulativas exitosas en scripts enlazados, hojas de estilo e imagenes:</p> - -<ul> - <li>Si usted usa el elemento <base> para anular la base URI de su pagina, ponga el elemento en la parte no-escrita de el documento. No la añada via document.write() o document.createElement().</li> -</ul> - -<h2 id="Evitando_perder_la_salida_del_generador_de_arbol">Evitando perder la salida del generador de arbol</h2> - -<p>La generación de árbol especulativo falla cuando <code>document.write()</code> cambia el estado del generador de árbol de tal manera que el estado especulativo después del tag <code></script></code> no se mantiene cuando todo el contenido es inertado por <code>document.write()</code> ha sido analizado. Sin embargo, sólo usos inusuales de <code>document.write()</code> causa problemas. Aquí están las cosas a evitar:</p> - -<ul> - <li>No escriba árboles desbalanceados. <code><script>document.write("<div>");</script></code> está mal. <code><script>document.write("<div></div>");</script></code> es correcto.</li> - <li>No escriba un token sin finalizar. <code><script>document.write("<div></div");</script></code> esta mal.</li> - <li>No termine con un carater de retorno de carro. <code><script>document.write("Hello World!\r");</script></code> está mal. <code><script>document.write("Hello World!\n");</script></code> es correcto.</li> - <li>Note que escribiendo etiquetas balanceadas pueden causarse que se creen otras etiquetas desbalanceadas. Ej. <code><script>document.write("<div></div>");</script></code> dentro del elemento <code>head</code> será interpretado como <code><script>document.write("</head><body><div></div>");</script></code> el cual está desbalanceado.</li> - <li>No formatee parte de una tabla. <code><table><script>document.write("<tr><td>Hello World!</td></tr>");</script></table></code> está mal. Sin embargo, <code><script>document.write("</code><code><table></code><code><tr><td>Hello World!</td></tr></code><code></table></code><code>");</script></code> está correcto.</li> - <li>HAGA: document.write dentro de otro elemento de formateo.</li> -</ul> diff --git a/files/es/web/html/referencia/index.html b/files/es/web/html/reference/index.html index 25534cd46f..25534cd46f 100644 --- a/files/es/web/html/referencia/index.html +++ b/files/es/web/html/reference/index.html diff --git a/files/es/web/html/transision_adaptativa_dash/index.html b/files/es/web/html/transision_adaptativa_dash/index.html deleted file mode 100644 index da3e0892e4..0000000000 --- a/files/es/web/html/transision_adaptativa_dash/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: Transmisión Adaptativa DASH para Video en HTML 5 -slug: Web/HTML/Transision_adaptativa_DASH -translation_of: Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video ---- -<p><span class="seoSummary">La Transmisión Adaptable y Dinámica sobre HTTP (DASH - <em>Dynamic Adaptive Streaming over HTTP</em>) es un protocolo de transmisión adaptable. Esto signfica que le permite a un flujo de vídeo cambiar entre diversas tazas de bits con base en el desempeño de la red, para mantener la reproducción de un vídeo.</span></p> - -<h2 id="Soporte_de_Navegadores">Soporte de Navegadores</h2> - -<p>Firefox 21 incluye una implementación de DASH para video WebM con HTML5 que está desactivada por defecto. Se puede activar a través de "about:config" activando la opción "media.dash.enabled".</p> - -<p>Firefox 23 eliminó el soporte para DASH para WebM con HTML 5. Ésta será reemplazada por una implementación de la <a href="http://www.w3.org/TR/media-source/">Media Source Extensions API </a>que de soporte a DASH a través de javascript usando librerías como dash.js. Ver el bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=778617">778617</a> para más detalles.</p> - -<h2 id="Usando_DASH_del_lado_del_servidor">Usando DASH del lado del servidor</h2> - -<p>Lo primero que necesitas es convertir tu video WebM en un manifiesto DASH con todos los archivos en los diferentes bitrates. Para comenzar necesitas:</p> - -<ul> - <li>ffpmeg - con libvpx y libvorbis activado para dar soporte al audio y video de WebM (<a href="http://www.ffmpeg.org/" title="http://www.ffmpeg.org/">ffmpeg.org</a>).</li> - <li>libwebm - concretamente para la herramienta samplemuxer (<span style="text-align: -webkit-auto;"><span style="white-space: pre-wrap;">git clone <a href="https://gerrit.chromium.org/gerrit/p/webm/libwebm.git">https://gerrit.chromium.org/gerrit/p/webm/libwebm.git</a>)</span></span>.</li> - <li>webm-tools - concretamente para la herramienta de creación de manifiestos, webm_dash_manifest (<span style="text-align: -webkit-auto;"><span style="white-space: pre-wrap;">git clone <a href="https://gerrit.chromium.org/gerrit/p/webm/webm-tools.git">https://gerrit.chromium.org/gerrit/p/webm/webm-tools.git</a>)</span></span>.</li> -</ul> - -<h3 id="1._Use_your_existing_WebM_file_to_create_one_audio_file_and_multiple_video_files.">1. Use your existing WebM file to create one audio file and multiple video files.</h3> - -<p>Por ejemplo:</p> - -<p>Creamos el archivo de audio usando:</p> - -<pre><code>ffmpeg -i my_master_file.webm -vn -acodec libvorbis -ab 128k my_audio.webm</code></pre> - -<p>Creamos los archivos de vídeo usando:</p> - -<pre><code>ffmpeg -i my_master_file.webm -vcodec libvpx -vb 250k -keyint_min 150 -g 150 -an my_video-250kbps.webm -ffmpeg -i my_master_file.webm -vcodec libvpx -vb 100k -keyint_min 150 -g 150 -an my_video-100kbps.webm -ffmpeg -i my_master_file.webm -vcodec libvpx -vb 50k -keyint_min 150 -g 150 -an my_video-50kbps.webm</code></pre> - -<h3 id="2._Align_the_clusters_to_enable_switching_at_cluster_boundaries.">2. Align the clusters to enable switching at cluster boundaries.</h3> - -<p>For video:</p> - -<pre><code>samplemuxer -i my_video-250kbps.webm -o my_video-250kbps-final.webm</code> -<code>etc.</code></pre> - -<p>Although we don't switch audio streams, it's still necessary to run it through samplemuxer to ensure a cues element is added. Note: to be compatible with playing on Chrome, it is suggested to change the track number to something other than the one in the video files, most likely 0.</p> - -<pre><code>samplemuxer -i my_audio.webm -o my_audio-final.webm -output_cues 1 -cues_on_audio_track 1 -max_cluster_duration 2 -audio_track_number</code></pre> - -<h3 id="3._Create_the_manifest_file">3. Create the manifest file:</h3> - -<pre><code>webm_dash_manifest -o my_video_manifest.mpd \ - -as id=0,lang=eng \ - -r id=0,file=my_video-250kbps-final.webm \ - -r id=1,file=my_video-100kbps-final.webm \ - -r id=2,file=my_video-50kbps-final.webm \ - -as id=1,lang=eng \ - -r id=4,file=my_audio-final.webm</code></pre> - -<p>Put the manifest and the associated video files on your web server or CDN. DASH works via HTTP, so as long as your HTTP server supports byte range requests, and it's set up to serve .mpd files with mimetype="application/dash+xml", then you're all set.</p> - -<h2 id="Using_DASH_-_Client_Side">Using DASH - Client Side</h2> - -<p>You'll want to modify your web page to point to the DASH manifest first, instead of directly to a particular video file:</p> - -<pre class="brush: html"><video> - <source src="movie.<span class="ZmSearchResult" id="DWT648"><span class="ZmSearchResult" id="DWT650">mpd</span></span>"> - <source src="movie.webm"> - Your browser does not support the video tag. -</video></pre> - -<p>That's it! If DASH is supported by the browser, your video will now stream adaptively.</p> - -<h2 id="Links">Links</h2> - -<p><a href="http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification" title="http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification">WebM DASH Specification at The WebM Project</a></p> - -<p><a href="http://dashif.org/" title="http://dashif.org/">DASH Industry Forum</a></p> diff --git a/files/es/web/html/usando_audio_y_video_con_html5/index.html b/files/es/web/html/usando_audio_y_video_con_html5/index.html deleted file mode 100644 index 77810a8e65..0000000000 --- a/files/es/web/html/usando_audio_y_video_con_html5/index.html +++ /dev/null @@ -1,287 +0,0 @@ ---- -title: Usando audio y video con HTML5 -slug: Web/HTML/Usando_audio_y_video_con_HTML5 -tags: - - Flash - - Ogg - - applet - - busqueda - - errores - - especificacion - - gestion - - opciones - - reproduccion - - reserva -translation_of: Learn/HTML/Multimedia_and_embedding/Video_and_audio_content -translation_of_original: Web/Guide/HTML/Using_HTML5_audio_and_video ---- -<p>HTML5 introduce soporte integrado para el contenido multimedia gracias a los elementos {{ HTMLElement("audio") }} y {{ HTMLElement("video") }}, ofreciendo la posibilidad de insertar contenido multimedia en documentos HTML.</p> - -<h2 id="Insertando_contenido_multimedia">Insertando contenido multimedia</h2> - -<p>Insertar contenido multimedia en tus documentos HTML es muy sencillo:</p> - -<div style="overflow: hidden;"> -<pre class="brush: html"><video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls> - Tu navegador no implementa el elemento <code>video</code>. -</video></pre> - -<p>Este ejemplo reproduce un vídeo de ejemplo, con los controles de reproducción, desde el sitio Web de Theora.</p> - -<p>Este es un ejemplo para insertar <em>audio</em> en tu documento HTML</p> - -<pre class="brush: html"><audio src="/test/audio.ogg"> -<p>Tu navegador no implementa el elemento audio.</p> -</audio></pre> -</div> - -<p>El atributo <code>src</code> puede ser una URL del archivo de audio o la ruta al archivo en el sistema local.</p> - -<div style="overflow: hidden;"> -<pre class="brush: html"><audio src="audio.ogg" controls autoplay loop> -<p>Tu navegador no implementa el elemento audio</p> -</audio></pre> -</div> - -<p>Este código de ejemplo usa los atributos del elemento {{ HTMLElement("audio") }}:</p> - -<ul> - <li><code>controls</code> : muestra los controles estándar de HTML5 para audio en una página web.</li> - <li><code>autoplay</code> : hace que el audio se reproduzca automáticamente.</li> - <li><code>loop</code> : hace que el audio se repita automáticamente.</li> -</ul> - -<div style="overflow: hidden;"> -<pre class="brush: html"><audio src="audio.mp3" preload="auto" controls></audio></pre> -</div> - -<p>El atributo <code>preload</code> es usado en el elemento audio para almacenar temporalmente (buffering) archivos de gran tamaño. Este puede tomar uno de 3 valores:</p> - -<ul> - <li><code>"none"</code> no almacena temporalmente el archivo</li> - <li><code>"auto"</code> almacena temporalmente el archivo multimedia</li> - <li><code>"metadata"</code> almacena temporalmente sólo los metadatos del archivo</li> -</ul> - -<p>Se pueden especificar múltiples fuentes de archivos usando el elemento {{ HTMLElement("source") }} <span id="result_box" lang="es"><span class="hps">con el fin de</span> <span class="hps">proporcionar vídeo</span> <span class="hps">o</span> <span class="hps">audio</span> <span class="hps">codificados en formatos</span> <span class="hps">diferentes</span> <span class="hps">para</span> <span class="hps">diferentes navegadores</span></span>. Por ejemplo:</p> - -<pre class="brush: html"><video controls> - <source src="foo.ogg" type="video/ogg"> - <source src="foo.mp4" type="video/mp4"> - Tu navegador no implementa el elemento <code>video</code>. -</video> -</pre> - -<p>Esto reproduce el archivo Ogg en navegadores que admiten el formato Ogg. Si el navegador no admite Ogg, el navegador usará el archivo MPEG-4. Mira también la lista de <a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements" title="Media formats supported by the audio and video elements">los formatos multimedia admitidos por los elementos audio y video</a> en los diferentes navegadores.</p> - -<p>También puedes especificar qué codecs requiere el archivo multimedia; de esta forma el navegador tomará decisiones más inteligentes:</p> - -<pre class="brush: html"><video controls> - <source src="foo.ogg" type="video/ogg; codecs=dirac, speex"> - Tu navegador no implementa el elemento <code>video</code>. -</video></pre> - -<p>Aquí, especificamos que el vídeo usa los codecs Dirac y Speex. Si el navegador implementa Ogg, pero no los codecs especificados, el vídeo no será cargado.</p> - -<p>Si el atributo <code>type</code> no está especificado, el tipo de contenido multimedia se obtiene del servidor <span id="result_box" lang="es"><span class="hps">y</span> se <span class="hps">comprueba para</span> <span class="hps">ver</span> <span class="hps">si el navegador</span> <span class="hps">lo puede manejar</span></span>; si no puede ser mostrado, se comprueba el siguiente <code>source</code> , si ninguno de los elementos <code>source</code> especificados pueden ser usados, un evento de <code>error</code> es enviado al elemento <code>video</code>. Si el atributo <code>type</code> está especificado, es comparado con los tipos que el navegador puede reproducir, y si no es reconocido, no se hace la consulta al servidor; en su lugar, el siguiente <code>source</code> se comprueba una vez.</p> - -<p>Mira <a href="/en-US/docs/DOM/Media_events" title="https://developer.mozilla.org/en/DOM/Media_events">los eventos del contenido multimedia</a> para una lista completa de eventos asociados con la producción multimedia. Para detalles en los formatos multimedia soportados por los diferentes navegadores, mira <a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements" title="Media formats supported by the audio and video elements">los formatos multimedia sportados por los elementos audio y video</a>.</p> - -<h2 id="Controlando_la_reproducción_multimedia">Controlando la reproducción multimedia</h2> - -<p>Una vez que has incrustado el contenido multimedia en tu documento HTML usando los nuevos elementos, puedes controlarlos mediante programación en JavaScript. Por ejemplo, para iniciar (o reiniciar) la reproducción, puedes hacer esto:</p> - -<pre class="brush: js">var v = document.getElementsByTagName("video")[0]; -v.play(); -</pre> - -<p>La primera línea obtiene el primer elemento video en el documento, y la segunda línea llama al método <a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement#play()" title="nsIDOMHTMLMediaElement#play()"><code>play()</code></a> del elemento, como está definido en la interfaz {{ interface("nsIDOMHTMLMediaElement") }} que es usada para implementar los elementos multimedia.</p> - -<p>Controlar un reproductor de audio en HTML5 para reproducir, pausar, aumentar y disminuir el volumen usando algo de Javascript es muy sencillo.</p> - -<pre class="brush: html"><audio id="demo" src="audio.mp3"></audio> -<div> - <button onclick="document.getElementById('demo').play()">Reproducir el Audio</button> - <button onclick="document.getElementById('demo').pause()">Pausar el Audio</button> - <button onclick="document.getElementById('demo').volume+=0.1">Aumentar el Volumen</button> - <button onclick="document.getElementById('demo').volume-=0.1">Disminuir el Volumen</button> -</div> -</pre> - -<h2 id="Deteniendo_la_descarga_de_contenido_multimedia">Deteniendo la descarga de contenido multimedia</h2> - -<p>Mientras que detener la reproducción multimedia es tan fácil como llamar al método pause() del elemento, el navegador sigue descargando el contenido multimedia hasta que el elemento multimedia es eliminado <span id="result_box" lang="es"><span class="hps">a través de</span> <span class="hps">la recolección de basura</span></span>.</p> - -<p>Aquí un truco para detener la descarga de una sola vez:</p> - -<pre class="brush: js">var mediaElement = document.getElementById("myMediaElementID"); -mediaElement.pause(); -mediaElement.src = ""; -</pre> - -<p>Estableciendo una cadena vacía al atributo <code>src</code> del elemento multimedia, tu destruyes el decodificador interno del elemento con lo que detienes la descarga.</p> - -<h2 id="Buscando_a_través_de_los_medios" style="margin: 0px 0px 0.8em; padding: 0px;">Buscando a través de los medios</h2> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"><font>Los elementos de los medios proporcionan apoyo para mover la posición de reproducción actual a puntos específicos en el contenido de los medios. </font>Esto se hace estableciendo el valor de la propiedad <code style="font-size: 14px;">horaActual</code> en el elemento; ver <a class="new" href="https://developer.mozilla.org/es/docs/Web/API/HTMLMediaElement" title="/ Es / docs / Web / API / HTMLMediaElement"><code style="font-size: 14px;">HTMLMediaElement</code></a> para más detalles sobre las propiedades del elemento. Basta con establecer el valor en el tiempo, en segundos, con el que desea reproducir para continuar.</p> - -<p><span style="line-height: 1.5em;">Usted puede utilizar el elemento </span><code style="font-size: 14px;">seekable</code><span style="line-height: 1.5em;"> propiedad para determinar los rangos de los medios de comunicación que están disponibles para la búsqueda de la actualidad. Esto devuelve un objeto </span><a class="new" href="https://developer.mozilla.org/es/docs/Web/API/TimeRanges" style="line-height: 1.5em;" title="/ Es / docs / Web / API / TimeRanges"><code style="font-size: 14px;">TimeRanges</code></a><span style="line-height: 1.5em;"> que enumera los rangos de veces que se puede tratar de:</span></p> - -<pre class="brush: js">var mediaElement = document.getElementById('mediaElementID'); -mediaElement.seekable.start(); // Returns the starting time (in seconds) -mediaElement.seekable.end(); // Returns the ending time (in seconds) -mediaElement.currentTime = 122; // Seek to 122 seconds -mediaElement.played.end(); // Returns the number of seconds the browser has played -</pre> - -<h2 id="Especificación_del_rango_de_reproducción" style="margin: 0px 0px 0.8em; padding: 0px;"><font>Especificación del rango de reproducción</font></h2> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;">Al especificar el URI de los medios de comunicación para un elemento <a href="https://developer.mozilla.org/es/docs/HTML/Elemento/audio"><code style="font-size: 14px;"><audio></code></a> o <a href="https://developer.mozilla.org/es/docs/HTML/Elemento/video"><code style="font-size: 14px;"><video></code></a> , puede incluir opcionalmente información adicional para especificar la parte de los medios a reproducir. Para ello, añada una almohadilla ("#"), seguida de la descripción del fragmento de medios.</p> - -<p><span style="line-height: 1.5em;">Un intervalo de tiempo se especifica mediante la sintaxis:</span></p> - -<pre>#t=[starttime][,endtime]</pre> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"><font>El tiempo se puede especificar como un número de segundos (como un valor de punto flotante) o como una hora / minuto / segundo tiempo separado con dos puntos (por ejemplo, 2:05:01 durante 2 horas, 5 minutos y 1 segundo).</font></p> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;">Algunos ejemplos:</p> - -<dl> -</dl> - -<dl> - <dt style="margin: 0px; padding: 0px; line-height: 22px;"><span class="nowiki">http://foo.com/video.ogg # t = 10,20</span></dt> - <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; line-height: 22px;">Especifica que el vídeo debe desempeñar el rango de 10 segundos a través de 20 segundos.</dd> - <dt style="margin: 0px; padding: 0px; line-height: 22px;"><span class="nowiki">http://foo.com/video.ogg # t =, 10.5</span></dt> - <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; line-height: 22px;">Especifica que el vídeo se reproducirá desde el principio a través de 10,5 segundos.</dd> - <dt style="margin: 0px; padding: 0px; line-height: 22px;"><span class="nowiki">http://foo.com/video.ogg # t =, 02:00:00</span></dt> - <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; line-height: 22px;">Especifica que el vídeo se reproducirá desde el principio a través de dos horas.</dd> - <dt style="margin: 0px; padding: 0px; line-height: 22px;"><span class="nowiki">http://foo.com/video.ogg # t = 60</span></dt> - <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; line-height: 22px;">Especifica que el vídeo se debe reproducir desde los 60 segundos hasta el final.</dd> -</dl> - -<div class="geckoVersionNote" style=""> -<p>{{ gecko_callout_heading("9.0") }}</p> -<font><font>La porción rango de reproducción del elemento de la especificación URI media esta en Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6). </font><font>En este momento, esta es la única parte de la </font></font><a class="external" href="http://www.w3.org/TR/media-frags/" style="padding-right: 16px; line-height: 21px;" title="http://www.w3.org/TR/media-frags/"><font>especificación de los medios de comunicación Fragmentos URI</font></a><font><font>implementado por el Gecko, y sólo se puede utilizar cuando se especifica la fuente para los elementos de los medios de comunicación, y no en la barra de direcciones.</font></font> - -<p> </p> -</div> - -<h2 id="Opciones_de_reserva" style="margin: 0px 0px 0.8em; padding: 0px;">Opciones de reserva</h2> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;">HTML incluido entre, por ejemplo, las etiquetas de apertura y cierre de los elementos de los medios de comunicación son procesados por los navegadores que no admitan medios de HTML5. Usted puede tomar ventaja de este hecho para proporcionar medios alternativos de reserva para esos navegadores.</p> - -<p><span style="line-height: 1.5em;">Esta sección proporciona dos opciones de reserva para video. </span><font>En cada caso, si el navegador soporta vídeo HTML5, que se utiliza, de lo contrario, se utiliza la opción de reserva.</font></p> - -<h3 id="Utilización_de_Flash" style="margin: 0px 0px 0.8em; padding: 0px;">Utilización de Flash</h3> - -<p><span style="line-height: 1.5em;">Puede usar Flash para reproducir una película formato Flash si el </span><a href="https://developer.mozilla.org/es/docs/HTML/Elemento/video" style="line-height: 1.5em;"><code style="font-size: 14px;"><video></code></a><span style="line-height: 1.5em;"> no se admite elemento</span><span style="line-height: inherit;">:</span></p> - -<pre class="brush: html"><video src="video.ogv" controls> - <object data="flvplayer.swf" type="application/x-shockwave-flash"> - <param value="flvplayer.swf" name="movie"/> - </object> -</video></pre> - -<p><font>Tenga en cuenta que no se debe incluir </font><code style="font-size: 14px;">classid</code><font> en el </font><code style="font-size: 14px;">objeto</code><font> tag con el fin de ser compatible con los navegadores que no sean Internet Explorer.</font></p> - -<p> </p> - -<p> </p> - -<p> </p> - -<h3 id="Reproducción_de_vídeos_Ogg_utilizando_un_applet_de_Java" style="margin: 0px 0px 0.8em; padding: 0px;"><font>Reproducción de vídeos Ogg utilizando un applet de Java</font></h3> - -<p><span style="line-height: 1.5em;">Hay un applet de Java llamada </span><a class="external" href="http://maikmerten.livejournal.com/2256.html" style="line-height: 1.5em; padding-right: 16px; background-color: transparent;" title="http://maikmerten.livejournal.com/2256.html">Cortado</a><span style="line-height: 1.5em;"> que se puede utilizar como reserva para reproducir vídeos Ogg en los navegadores que no tienen soporte para Java, pero no es compatible con vídeo HTML5</span><span style="line-height: inherit;">:</span></p> - -<pre class="brush: html"><video src="my_ogg_video.ogg" controls width="320" height="240"> - <object type="application/x-java-applet" width="320" height="240"> - <param name="archive" value="cortado.jar"> - <param name="code" value="com.fluendo.player.Cortado.class"> - <param name="url" value="my_ogg_video.ogg"> - <p>You need to install Java to play this file.</p> - </object> -</video></pre> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"><font>Si no se crea un elemento secundario alternativa del elemento de objeto cortado, como el </font><a href="https://developer.mozilla.org/es/docs/HTML/Elemento/p"><code style="font-size: 14px;"><font><p></font></code></a><font> elemento superior, Firefox 3.5 instalaciones que manejan el video de forma nativa, pero no tienen Java instalado incorrectamente informarán al usuario de que es necesario instalar un plugin para ver el contenido en la página.</font></p> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"> </p> - -<div style="line-height: 22px;"><span class="geckoMinVerMethod indicatorInHeadline minVer">(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1)</span> - -<h1 id="Gestión_de_errores" style="margin: 0px 0px 0.8em; padding: 0px; font-size: 1.857em;">Gestión de errores</h1> -</div> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"> </p> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;">A partir de Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1), el tratamiento de errores se ha revisado para que coincida con la última versión de la especificación HTML5. En lugar de que el <code style="font-size: 14px;">error sea</code> enviado al elemento en sí, ahora se entrega a los elementos "hijos" <a href="https://developer.mozilla.org/es/docs/HTML/Elemento/source"><code style="font-size: 14px;"><source></code></a> correspondientes a las fuentes que resultan en el error.</p> - -<p><span style="line-height: 1.5em;">Esto permite detectar las fuentes no pudieron cargar, que puede ser útil. Considere este HTML</span><span style="line-height: inherit;">:</span></p> - -<pre class="brush: html"><video> -<source id="mp4_src" - src="video.mp4" - type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> -</source> -<source id="3gp_src" - src="video.3gp" - type='video/3gpp; codecs="mp4v.20.8, samr"'> -</source> -<source id="ogg_src" - src="video.ogv" - type='video/ogg; codecs="theora, vorbis"'> -</source> -</video></pre> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;">Dado que Firefox no es compatible con MP4 y 3GP, debido a su naturaleza de patente gravado, los <a href="https://developer.mozilla.org/es/docs/HTML/Elemento/source"><code style="font-size: 14px;"><source></code></a> elementos con el ID "mp4_src" y "3gp_src" recibirán <code style="font-size: 14px;">error</code> eventos antes de cargar el recurso Ogg. Las fuentes son juzgados en el orden en el que aparecen, y una vez que uno carga con éxito, las fuentes restantes no se trataron en absoluto.</p> - -<h3 id="Detectar_si_las_fuentes_no_han_cargado" style="margin: 0px 0px 0.8em; padding: 0px;">Detectar si las fuentes no han cargado</h3> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"><code>Para detectar qué todos los elementos </code><a href="https://developer.mozilla.org/es/docs/HTML/Elemento/source"><code style="font-size: 14px;"><source></code></a> no han podido cargarse, se debe comprobar el valor de la propiedad <code style="font-size: 14px;">NetworkState</code> qué poseen todos los elementos de tipo multimedia. Si el valor es <code style="font-size: 14px;">HTMLMediaElement.NETWORK_NO_SOURCE</code>, se sabrá que las fuentes no se cargaron correctamente.</p> - -<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;">Si en ese momento se agrega otra fuente mediante la inserción de un nuevo elemento <a href="https://developer.mozilla.org/es/docs/HTML/Elemento/source"><code style="font-size: 14px;"><source></code></a> como hijo del elemento multimedia, Gecko intenta cargar el recurso especificado.</p> - -<h3 id="Mostrando_contenido_fallback_cuando_la_fuente_no_puede_ser_cargada">Mostrando contenido <em>fallback</em> cuando la fuente no puede ser cargada</h3> - -<p>Otra forma de mostrar el contenido <em>fallback</em> de un vídeo cuando ninguna de sus fuentes pudieron ser cargadas, es añadir un manejador de excepciones o errores en el último elemento {{ HTMLElement("source") }}. Así usted podrá reemplazar el vídeo con el contenido <em>fallback</em>:</p> - -<pre class="brush: html language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>video</span> <span class="attr-name token">controls</span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>source</span> <span class="attr-name token">src</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>dynamicsearch.mp4<span class="punctuation token">"</span></span> <span class="attr-name token">type</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>video/mp4<span class="punctuation token">"</span></span><span class="punctuation token">></span></span><span class="tag token"><span class="tag token"><span class="punctuation token"></</span>source</span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>a</span> <span class="attr-name token">href</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>dynamicsearch.mp4<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>img</span> <span class="attr-name token">src</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>dynamicsearch.jpg<span class="punctuation token">"</span></span> <span class="attr-name token">alt</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>App de b&uaacute;squeda din&aacute;mica en Firefox OS<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"></</span>a</span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>p</span><span class="punctuation token">></span></span>Clic en la im&aacute;gen para reproducir un v&iacute;deo demo de la app de b&uaacute;squeda din&aacute;mica<<span class="tag token"><span class="tag token"><span class="punctuation token">/</span>p</span><span class="punctuation token">></span></span> -<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>video</span><span class="punctuation token">></span></span></code></pre> - -<pre class="brush: js language-js"><code class="language-js"><span class="keyword token">var</span> v <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">querySelector<span class="punctuation token">(</span></span><span class="string token">'video'</span><span class="punctuation token">)</span><span class="punctuation token">,</span> - sources <span class="operator token">=</span> v<span class="punctuation token">.</span><span class="function token">querySelectorAll<span class="punctuation token">(</span></span><span class="string token">'source'</span><span class="punctuation token">)</span><span class="punctuation token">,</span> - lastsource <span class="operator token">=</span> sources<span class="punctuation token">[</span>sources<span class="punctuation token">.</span>length<span class="number token">-1</span><span class="punctuation token">]</span><span class="punctuation token">;</span> -lastsource<span class="punctuation token">.</span><span class="function token">addEventListener<span class="punctuation token">(</span></span><span class="string token">'error'</span><span class="punctuation token">,</span> <span class="keyword token">function</span><span class="punctuation token">(</span>ev<span class="punctuation token">)</span> <span class="punctuation token">{</span> - <span class="keyword token">var</span> d <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">createElement<span class="punctuation token">(</span></span><span class="string token">'div'</span><span class="punctuation token">)</span><span class="punctuation token">;</span> - d<span class="punctuation token">.</span>innerHTML <span class="operator token">=</span> v<span class="punctuation token">.</span>innerHTML<span class="punctuation token">;</span> - v<span class="punctuation token">.</span>parentNode<span class="punctuation token">.</span><span class="function token">replaceChild<span class="punctuation token">(</span></span>d<span class="punctuation token">,</span> v<span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="punctuation token">}</span><span class="punctuation token">,</span> <span class="keyword token">false</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> - -<h2 id="sect1" style="margin: 0px 0px 0.8em; padding: 0px;"> </h2> - -<h2 id="Véase_también" style="margin: 0px 0px 0.8em; padding: 0px;">Véase también</h2> - -<ul style="margin: 0px 0px 1.286em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; line-height: 22px;"> - <li>Los elementos relacionados con los medios HTML: <a href="https://developer.mozilla.org/es/docs/HTML/Elemento/audio"><code style="font-size: 14px;"><audio></code></a> , <a href="https://developer.mozilla.org/es/docs/HTML/Elemento/video"><code style="font-size: 14px;"><video></code></a> , <a href="https://developer.mozilla.org/es/docs/HTML/Elemento/source"><code style="font-size: 14px;"><source></code></a> ;</li> - <li><a href="https://developer.mozilla.org/en-US/docs/Manipulating_video_using_canvas" title="Vídeo Manipular con tela">Vídeo Manipular con canvas</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Introducing_the_Audio_API_Extension" title="Presentación de la extensión de API Audio">Presentación de la extensión de API Audio</a></li> - <li><code style="font-size: 14px;"><a class="external" href="http://developer.mozilla.org/es/docs/XPCOM_Interface_Reference/nsIDOMHTMLMediaElement" style="padding-right: 16px; background-color: transparent;">nsIDOMHTMLMediaElement</a></code></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements" title="Formatos de los medios admitidos por los elementos de audio y vídeo">Formatos de los medios admitidos por los elementos de audio y vídeo</a></li> - <li><a class="external" href="http://en.flossmanuals.net/ogg-theora/" style="padding-right: 16px; background-color: transparent;" title="http://en.flossmanuals.net/ogg-theora/">Theora Cookbook</a></li> - <li><a class="external" href="http://popcornjs.org/" style="padding-right: 16px; background-color: transparent;" title="http://popcornjs.org/">Popcorn.js - Media Framework HTML5</a></li> - <li><a class="external" href="http://www.html5video.org/kaltura-html5/" style="padding-right: 16px; background-color: transparent;" title="http://www.html5video.org/kaltura-html5/">Kaltura Solución videoteca</a> , una biblioteca de JavaScript (mwEmbed) que soporta un retorno sin problemas con HTML5, VLC Player, Java Cortado y OMTK Vorbis reproductor de Flash. (Es utilizado por Wikimedia)</li> - <li><a class="external" href="http://omtk.org/flash/index.html" style="padding-right: 16px; background-color: transparent;" title="http://omtk.org/flash/index.html">OMTK - flash</a> , una biblioteca de Flash que implementa un decodificador Vorbis</li> - <li><a class="external" href="http://www.projekktor.com/" style="padding-right: 16px; background-color: transparent;" title="http://www.projekktor.com">Projekktor jugador</a> , un contenedor de JavaScript para audio vídeo-tags con fallback flash, de código abierto, GPL</li> - <li><a class="external" href="http://www.theora.org/cortado/" style="padding-right: 16px; background-color: transparent;" title="http://www.theora.org/cortado/">Applet Cortado</a> , una solución de reproducción de audio / vídeo en Java que mantiene Xiph.org</li> - <li><a class="external" href="http://videojs.com/" style="padding-right: 16px; background-color: transparent;" title="Video.js HTML5 Video Player">Video.JS</a> , un reproductor de vídeo HTML5 de código abierto y un marco.</li> - <li><a class="external" href="http://mediaelementjs.com/" style="padding-right: 16px; background-color: transparent;" title="http://mediaelementjs.com/">MediaElement.js</a> - marco audio / video HTML5 de código abierto con una cuña de Flash personalizada que imitan API multimedia HTML5 para exploradores más antiguos.</li> - <li><a class="external" href="http://www.hdwebplayer.com/" style="padding-right: 16px; background-color: transparent;" title="http://www.hdwebplayer.com">FLV Player</a> - HTML5 reserva soporte del reproductor de vídeo</li> -</ul> - -<p><span style="line-height: inherit;">{{ HTML5ArticleTOC() }}</span></p> diff --git a/files/es/web/html/recursos_offline_en_firefox/index.html b/files/es/web/html/using_the_application_cache/index.html index dfed8fe0d5..dfed8fe0d5 100644 --- a/files/es/web/html/recursos_offline_en_firefox/index.html +++ b/files/es/web/html/using_the_application_cache/index.html |